Перейти к содержанию
942547

Как добавить JS к конкретному товару?

Рекомендуемые сообщения

Пытаюсь вывести в описании графики Google Charts. Подключил в footer свой скрипт charts.js, всё работает, но стоит инициализировать графики не для одного товара, а для для нескольких, графики не выводятся. Делаю вывод — нужно вставлять свой js для каждого товара отдельно. Искал готовые модули — не нашёл. Может кто подскажет, в какую сторону копать?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

ну а если не возможно, то (ну я лично так делаю) сделать поле текстареа с mvc и полем в бд. если более подробно опишите, то может с id прокатит

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

942547, как пример. 

var data = google.visualization.arrayToDataTable([ ['Label', 'Value'], ['Gas', 80], ['Oil', 55], ['Аmperage', 68] ]);

группу атрибутов можно разделить по id. можно 1 из групп прокатить по этому коду. вариантов много

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Miha7685776, не знаю, поможет это или нет.

Сейчас у меня примерно такая структура

google.charts.load('current', { 'packages': ['corechart', 'geochart', 'calendar', 'table'], 'language': 'ru' });

//Товар 1
google.charts.setOnLoadCallback(data1); // Инициализация
google.charts.setOnLoadCallback(data2); // Инициализация
...

//Товар 2
google.charts.setOnLoadCallback(data3); // Инициализация

function data1() {
	var data = google.visualization.arrayToDataTable([
		['Рекламный инструмент', 'Дневной бюджет', { role: 'style' }],
		['Facebook', 300, '#888'],
		['Google Adwords', 300, '#666'],
		['Одноклассники', 500, '#f90'],
		['Яндекс Директ', 300, '#444'],
		['ВКонтакте', 300, '#222'],
	]);
	var view = new google.visualization.DataView(data);
	view.setColumns([0, 1, {
			calc: 'stringify',
			role: 'annotation',
			sourceColumn: 1,
			type: 'string',
		},
		2
	]);

	var data1 = new google.visualization.ColumnChart(document.getElementById('data1'));
	data1.draw(view, options);
}



function data2() {
	var data = google.visualization.arrayToDataTable([
		['Рекламный инструмент', 'Дневной бюджет', { role: 'style' }],
		['Facebook', 300, '#888'],
		['Google Adwords', 300, '#666'],
		['Одноклассники', 500, '#f90'],
		['Яндекс Директ', 300, '#444'],
		['ВКонтакте', 300, '#222'],
	]);
	var view = new google.visualization.DataView(data);
	view.setColumns([0, 1, {
			calc: 'stringify',
			role: 'annotation',
			sourceColumn: 1,
			type: 'string',
		},
		2
	]);

	var data2 = new google.visualization.ColumnChart(document.getElementById('data2'));
	data2.draw(view, options);
}



function data3() {
	var data = google.visualization.arrayToDataTable([
		['Рекламный инструмент', 'Дневной бюджет', { role: 'style' }],
		['Facebook', 300, '#888'],
		['Google Adwords', 300, '#666'],
		['Одноклассники', 500, '#f90'],
		['Яндекс Директ', 300, '#444'],
		['ВКонтакте', 300, '#222'],
	]);
	var view = new google.visualization.DataView(data);
	view.setColumns([0, 1, {
			calc: 'stringify',
			role: 'annotation',
			sourceColumn: 1,
			type: 'string',
		},
		2
	]);

	var data3 = new google.visualization.ColumnChart(document.getElementById('data3'));
	data3.draw(view, options);
}

 

А это внутри описания товара:

<h3>Товар 1</h3>

<p>График 1</p>
<div id="data1"></div>

<p>График 2</p>
<div id="data2"></div>

 

Что бы графики начались выводиться в Товаре 2, приходится комментировать эти строчки инициализации

//Товар 1
google.charts.setOnLoadCallback(data1); // Инициализация
google.charts.setOnLoadCallback(data2); // Инициализация

Я, можно сказать новичок в программировании, по этому вообще не вдупляю фразу « прицепить id товара »... Не могли бы вы рассказать подробнее об этом, эсли конечно нет новых вариантов...

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

ну скажем позиция товаров 1000

тогда чтобы каждый раз не копипастить код к примеру, можем сделать под поля  в товаре, или задействовать атрибуты. 

выводить в цикле. может есть другие варианты. 

подточить немного и будет работать как часы

['Рекламный инструмент', 'Дневной бюджет', { role: 'style' }],
['Facebook', значение1, '#888'],
['Google Adwords', значение2, '#666'],
['Одноклассники', значение3, '#f90'],
['Яндекс Директ', значение4, '#444'],
['ВКонтакте', значение5, '#222'],
Изменено пользователем Miha7685776

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Miha7685776, Ничего себе круто как можно сделать! С Атрибутами очень интересный вариант. Я бы даже $отблагадарил$, если вы мне поможете это реализовать. Только скажите что делать.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Miha7685776, Только тогда мне нужно рассказать некоторые особенности. В разных товарах какие-то графики будут, а какие-то нет. Так же и с данными (атрибутами).

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

я не спал)). если скажу, ты поймешь, но не сделаешь сам. иначе не писал-бы сюда. делаем в таблице товара 5 полей. в админке вносим\меняем а на фронте выводим). и логично и просто

будет типа

['Facebook',, '#888'],
['Google Adwords', , '#666'],
['Одноклассники', , '#f90'],
['Яндекс Директ', , '#444'],
['ВКонтакте', , '#222'],

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

опа. код срезалься. ну вобшем так. меньше проблем

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От matroskin92
      Скачать/Купить дополнение


      Просмотренные товары
      Простое решение для вывода ранее просмотренных товаров непосредственно на странице товара, без дополнительных настроек и в любом месте Вашего шаблона (Демо).
      Для того, чтобы увидеть результат, пройдитесь по нескольким товарам. 
       
       
       
      УСТАНОВКА
      Для установки модуля - загрузите файл в установщик и обновите кэш модификаторов и сайта.
      Для отображения модуля на странице товара добавьте код
      {{ matrosite_looked }} в нужной части файла product/product.twig
       
       
       
      ПОДДЕРЖКА
      Поддержка в личных сообщениях.
       
      ДРУГИЕ ВЕРСИИ OPENCART
      Вероятно, это бессмысленно, но если кому-то нужно, то без проблем.
      Добавил matroskin92 Добавлено 09.01.2019 Категория Модули Системные требования Сайт разработчика matrosite.ru Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 3.0 ocStore 3.0 OpenCart.Pro, ocShop Не проверялось  
    • От 23keks23
      1 500.00 руб
      Скачать/Купить дополнение


      Экспорт товаров в Instagram
      Модуль автоматически добавляет товар в профиль Instagram.
       
      У модуля есть две версии: Lite и Pro
       
      Lite версия включает в себя:
      Возможность добавить 1 профиль Выгрузка только основной фотографии товара Использовать шаблон описания побликации Возможность выбрать язык и валюту в описании В шаблоне доступны основные параметры товара Добавить дополнительные теги в описание Вставлять короткие ссылки или использовать ЧПУ сайта Качество сжатия и фон заливки изображений Публикация товаров магазина Использование Proxy  
      Pro версия позволяет:
      Все возможности Lite версии Нет ограничения по созданию профилей Возможность настроить для каждого магазина свой шаблон описания К публикуемому товару возможно добавить местоположение (полезно для продвижения) Нет ограничения по фотографиям в одном товаре (создается альбом) Если нужно добавить водяной знак, задать ему размер, прозрачность или позицию - то такие функции тоже есть Возможность создавать любой пост из модуля не создавая товар на сайте При создании поста, через ручную публикацию, возможно также добавить местоположение к посту Во время ручной публикации, можно использовать настройки изображений основного магазина Можно публиковать товары "пачкой" со всеми возможностями модуля Доступные режимы: "Публикация", "Обновление", "Поднять в топ", "Удаление" Возможность отложенной публикации товаров через задания Cron При создании задания, доступно множество настроек (сортировка, фильтр, режимы, отчеты на почту) Задания защищены собственным токеном, поэтому не зная его, невозможно запустить задание удаленно Возможность группировать товары и добавлять группе обложку  
      Для всех без ограничений, доступны такие функции, как:
      Уменьшать картинки, если их размеры превышают 1080x1080 (по требованию instagram) Кадрировать картинки в квадратные Подгонять соотношение сторон под требования instagram, для вертикальных 4:5, для горизонтальных 1:1,9 Обрезать описание (максимум 2200 символов) Возможность всегда быть в курсе всех обновлений и первым их установить  
      Используя шаблон описания, Вы можете указывать информацию о товаре, такую как: наименование, описание, модель, цену, скидку, производителя, атрибуты, опции, теги, мета-описание, мета-заголовок, статус наличия на складе и ссылку на товар.
       
      В модуле присутствует возможность "Ручной публикации", вам не нужно создавать новый товар, чтобы добавить пост в один или несколько профилей Instagram.
       
      Задание Cron - позваляет делать отложенную публикацию в профиль instagram по заданному времени. Настраивается в 2 шага: На стороне сайта и на стороне хостинга (рекомендуется обратиться за помощью к менеджеру, т.к. на некоторых хостингах настройки могут отличаться).
       
      Только для Pro версии, при работе с профилями, доступно несколько режимов:
      Обновлять публикации (если сменилось описание или цена) Поднять товар в топ ленты (сбрасывается прогресс публикации) Удалять посты, если в них нет необходимости  
      Таким образом, возможно следить за лентой и оставлять её всегда актуальной
       
      Установка модуля выполняется через "Установщик дополнений OCMOD", для версии OC 1.5 необходимо распаковать архив и загрузить содержимое из папки upload на сервер
       
      Демо сайт: http://oc2.1.artapi.tk
      Логин и пароль: demo/demo
       
      Модуль работает с библиотекой CURL. В большинстве случаев, на современных хостингах эта библиотека уже установлена.
      Для защиты данных используется шифрование, и для работы модуля необходимо наличие на хостинге библиотеки Ioncube Loader
      Для младших версий, 1.5, не требуется установка vQmode
       
      В скором времени планирую начать следующее обновление, в котором станет доступно продвижение любого профиля (который подключен к модулю), вне зависимости от его статуса в Instagram, т.е. профиль не обязательно должен быть "Бизнес". Какой будет функционал, на данный момент сказать не могу, но планы такие, как были у Наполеона )))
       
      Если есть желание расширить модуль или сделать отдельный пишите в комментариях )))
       
      P.S. Перед тем как задать мне вопрос, просьба увидеть демо и прочитать страничку с наиболее частыми вопросами
       
      Большая просьба, перед тем как покупать модуль, убедитесь что ваш профиль не заблокирован, проверить можно на странице с вопросами
      Добавил 23keks23 Добавлено 19.03.2018 Категория Социальные сети Системные требования Ioncube Loader, cUrl, vQmod для версии 1.5.6 и ниже Сайт разработчика http://artapi.tk Старая цена Метод активации По запросу в ЛС
      По запросу на почту
      По емейлу Ioncube Loader Требуется OpenCart 3.0
      2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.5.1
      1.5.5
      1.5.4.1
      1.5.3.1 ocStore 3.0
      2.3
      2.2
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1
      1.5.2.1
      1.5.1.3 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х
      OcShop 1.5.6.4.х  
    • От 23keks23
      Модуль автоматически добавляет товар в профиль Instagram.
       
      У модуля есть две версии: Lite и Pro
       
      Lite версия включает в себя:
      Возможность добавить 1 профиль Выгрузка только основной фотографии товара Использовать шаблон описания побликации Возможность выбрать язык и валюту в описании В шаблоне доступны основные параметры товара Добавить дополнительные теги в описание Вставлять короткие ссылки или использовать ЧПУ сайта Качество сжатия и фон заливки изображений Публикация товаров магазина Использование Proxy  
      Pro версия позволяет:
      Все возможности Lite версии Нет ограничения по созданию профилей Возможность настроить для каждого магазина свой шаблон описания К публикуемому товару возможно добавить местоположение (полезно для продвижения) Нет ограничения по фотографиям в одном товаре (создается альбом) Если нужно добавить водяной знак, задать ему размер, прозрачность или позицию - то такие функции тоже есть Возможность создавать любой пост из модуля не создавая товар на сайте При создании поста, через ручную публикацию, возможно также добавить местоположение к посту Во время ручной публикации, можно использовать настройки изображений основного магазина Можно публиковать товары "пачкой" со всеми возможностями модуля Доступные режимы: "Публикация", "Обновление", "Поднять в топ", "Удаление" Возможность отложенной публикации товаров через задания Cron При создании задания, доступно множество настроек (сортировка, фильтр, режимы, отчеты на почту) Задания защищены собственным токеном, поэтому не зная его, невозможно запустить задание удаленно Возможность группировать товары и добавлять группе обложку  
      Для всех без ограничений, доступны такие функции, как:
      Уменьшать картинки, если их размеры превышают 1080x1080 (по требованию instagram) Кадрировать картинки в квадратные Подгонять соотношение сторон под требования instagram, для вертикальных 4:5, для горизонтальных 1:1,9 Обрезать описание (максимум 2200 символов) Возможность всегда быть в курсе всех обновлений и первым их установить  
      Используя шаблон описания, Вы можете указывать информацию о товаре, такую как: наименование, описание, модель, цену, скидку, производителя, атрибуты, опции, теги, мета-описание, мета-заголовок, статус наличия на складе и ссылку на товар.
       
      В модуле присутствует возможность "Ручной публикации", вам не нужно создавать новый товар, чтобы добавить пост в один или несколько профилей Instagram.
       
      Задание Cron - позваляет делать отложенную публикацию в профиль instagram по заданному времени. Настраивается в 2 шага: На стороне сайта и на стороне хостинга (рекомендуется обратиться за помощью к менеджеру, т.к. на некоторых хостингах настройки могут отличаться).
       
      Только для Pro версии, при работе с профилями, доступно несколько режимов:
      Обновлять публикации (если сменилось описание или цена) Поднять товар в топ ленты (сбрасывается прогресс публикации) Удалять посты, если в них нет необходимости  
      Таким образом, возможно следить за лентой и оставлять её всегда актуальной
       
      Установка модуля выполняется через "Установщик дополнений OCMOD", для версии OC 1.5 необходимо распаковать архив и загрузить содержимое из папки upload на сервер
       
      Демо сайт: http://oc2.1.artapi.tk
      Логин и пароль: demo/demo
       
      Модуль работает с библиотекой CURL. В большинстве случаев, на современных хостингах эта библиотека уже установлена.
      Для защиты данных используется шифрование, и для работы модуля необходимо наличие на хостинге библиотеки Ioncube Loader
      Для младших версий, 1.5, не требуется установка vQmode
       
      В скором времени планирую начать следующее обновление, в котором станет доступно продвижение любого профиля (который подключен к модулю), вне зависимости от его статуса в Instagram, т.е. профиль не обязательно должен быть "Бизнес". Какой будет функционал, на данный момент сказать не могу, но планы такие, как были у Наполеона )))
       
      Если есть желание расширить модуль или сделать отдельный пишите в комментариях )))
       
      P.S. Перед тем как задать мне вопрос, просьба увидеть демо и прочитать страничку с наиболее частыми вопросами
       
      Большая просьба, перед тем как покупать модуль, убедитесь что ваш профиль не заблокирован, проверить можно на странице с вопросами
    • От matroskin92
      Простое решение для вывода ранее просмотренных товаров непосредственно на странице товара, без дополнительных настроек и в любом месте Вашего шаблона (Демо).
      Для того, чтобы увидеть результат, пройдитесь по нескольким товарам. 
       
       
       
      УСТАНОВКА
      Для установки модуля - загрузите файл в установщик и обновите кэш модификаторов и сайта.
      Для отображения модуля на странице товара добавьте код
      {{ matrosite_looked }} в нужной части файла product/product.twig
       
       
       
      ПОДДЕРЖКА
      Поддержка в личных сообщениях.
       
      ДРУГИЕ ВЕРСИИ OPENCART
      Вероятно, это бессмысленно, но если кому-то нужно, то без проблем.
    • От spectre
      300.00 руб
      Скачать/Купить дополнение


      SP Скидка на каждый N товар 2.x - 3.x
      ЧЕРНАЯ ПЯТНИЦА! ВСЕ ДОПОЛНЕНИЯ ПО 300!
       
      Версия под 2.х и 3.x
      Адаптация под любую версию линейки 2.x-3.x - бесплатная и быстрая
       
       
      Модуль позволяет делать скидку в процентах или фиксированную скидку на каждый N товар
       
      Варианты применения:
       
      каждый третий (пятый, десятый) товар со скидкой в % либо фиксированной скидкой N денег, настраивается в админке
       
       
       
       
       
      То есть если в настройках модуля стоит тип скидки в процентах, каждый третий товар скидка 50%, а в корзине 8 товаров, то скидка идет на 2 самых дешевых товара
       
      Если стоит фиксированная скидка при таких же условиях получим 2 товара с фиксированной скидкой
       
      Какие-то вопросы? Пишите в личку, разберемся
       
       
      АКЦИЯ!
      ПРИ ПОКУПКЕ ЛЮБЫХ 2х МОДУЛЕЙ - ТРЕТИЙ В ПОДАРОК!
       
      Как получить - купить 2 модуля и написать в ЛС
      Поддержка на 3й - только на этапе установки. Модуль предоставляется только под вашу версию ОС
       
      АКЦИЯ РАБОТАЕТ С 26.12.2018 до XX.XX.XXXX
       
      Добавил spectre Добавлено 09.04.2018 Категория Цены, скидки, акции, подарки Системные требования Сайт разработчика Старая цена 666 Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.1 ocStore 2.3
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1  
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.