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

  • Для установки модуля необходимо купить модуль в маркетплейс Битрикса 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",
					"PRICE_CODE" => array("BASE"),
					"TYPE_LABEL" => "trans",
					"TYPE_POPUP" => "light"
				),
				$component
			);?>
  • IB_ID - код hightload блока,
    PRICE_CODE - тип цены, если есть,
    TYPE_LABEL - вид метки num - нумерованный, trans - прозрачный,
    TYPE_POPUP - вид всплывающего сниппета, light - светлый, dark - тёмный
  • Можно на тестовой, пустой странице разместить компонент из визуального редактора и настроить все параметры;

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


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

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

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

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

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