Инструкция по установке модуля «Товарные метки»

  • Для установки модуля необходимо купить модуль в маркетплейс Битрикса http://marketplace.1c-bitrix.ru/solutions/tarakud.productonphoto/. После покупки модуля, на ваш почтовый адрес придёт письмо с купоном, который нужно активировать в административной части сайта, в разделе Marketplace -> Обновление платформы, во вкладке Активация купона

  • После активации купона модуль станет доступным для скачивания в разделе Установленные решения


    После загрузки модуль появится в списке доступных решений. Дале можно приступать к установке модуля. В списке доступных решений необходимо выбрать в контекстном меню модуля пункт Установить.

  • После установки, модуль готов к использованию.

Инструкция по установке компонента Товарные метки

Для примера рассмотрим добавление компонента Товарные метки на странице новостей. Для других страниц принцип будет такой же.

  • В комплексном компоненте news в файле detail.php в любом месте (лучше в конце) размещаем компонент tarakud:product.picture.
  • 			IncludeComponent(
    				"tarakud:product.picture",
    				"",
    				Array(
    					"CACHE_GROUPS" => "Y",
    					"CACHE_TIME" => "36000000",
    					"CACHE_TYPE" => "A",
    					"ELEMENT_ID" => $ElementID,
    					"IB_ID" => \Bitrix\Main\Config\Option::get('tarakud.productonphoto', 'ib_id'),
    					"PRICE_CODE" => array("BASE"),
    					"TYPE_LABEL" => "trans",
    					"TYPE_POPUP" => "light"
    				),
    				$component
    			);?>
    			
  • ELEMENT_ID - код новости,
    IB_ID - код hightload блока,
    PRICE_CODE - тип цены, если есть,
    TYPE_LABEL - вид метки num - нумерованный, trans - прозрачный,
    TYPE_POPUP - вид всплывающего сниппета, light - светлый, dark - тёмный
  • Можно на тестовой, пустой странице разместить компонент из визуального редактора и настроить все параметры;

  • Сохраняем все изменения;
  • Далее в шаблоне детальной страницы новости необходимо добавить в теге img атрибут data-image="", значением атрибута является код картинки;


Добавление меток на изображение

  • Для добавления меток нужно перейти на страницу новости и включить Режим правки;

  • В том месте картинки, где необходимо вывести метку, нужно кликнуть мышкой. После клика, появится окно выбора товаров. Нужно выбрать товар и сохранить;

  • Далее нужно выключить режим правки и метка отобразится на картинке;

  • Важное замечание, родитель картинки должен иметь тег position отличным от static, равным absolute или relative, а на картинке не должно быть выравнивания float.