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

Введение

Благодарим за покупку скрипта! Установка скриптового решения займет некоторое время. Пожалуйста, внимательно читайте инструкции и старайтесь следовать всем рекомендациям.

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


Кроме того, скрипт размещает в указанном месте кнопку "Купить все товары", после нажатия на которую происходит добавление в корзину всех найденных на странице товаров. После успешного добавления пользователю показывается сообщение с предложением перейти к оформлению заказа.


Поддерживаются все контентые модули: Форум, Каталоги, Новости, Блог, Доска объявлений

    Требования к установке:
  • Модуль интернет магазин;
  • Переменная $BASKET$ в одном из глобальных блоков;

Перед установкой, сделайте полный бэкап шаблонов на случай, если вы в какой-то момент решите вернуть прежний вид сайту или отдельным его элементам. Сделать это можно в Панели управления » Управление дизайном » Backup шаблонов.

Первый шаг: загрузка файлов на сайт


Перейдите в Панель управления » Файловый менеджер.
В правом верхнем углу кликните на кнопку "Создать папку", введите название папки js.
Кликните на галочку и ура, мы создали папку с нужным именем!:)

Теперь зайдите в папку js и загрузите в эту папку файл "um.recipe.js" из архива со скриптом (папка "скрипты").

Второй шаг: установка кода


Перейдите в Панель управления » Дизайн » Управление дизайном (шаблоны) » Страница материала и комментариев к нему. Данный шаблон необходимо выбрать в модуле, который будет использоваться для вывода товаров (поддерживается любой модуль).
Добавьте перед закрывающим тегом </body> следующий код:
<script src="/js/um.recipe.js"></script>
<div id="goto-checkout" style="display: none;">
	<h2> Вы готовы сделать заказ? </h2>
	<p>Добавлено ингредиентов: <strong><!--здесь будет кол-во добавленных товаров</strong></p>
	<div style="text-align: center;">
		<a href="/shop/checkout" class="button">Перейти к оформлению</a>
		<br><br>
		<a href="#" onclick="$.fancybox.close();return false">Не сейчас</a>
	</div>
</div>

Третий шаг: настройка и использование


Чтобы настроить работу скрипта, откройте файл "um.recipe.js" и измените поля настроек.
    Скрипт имеет следующие настройки:
  • publWrapper = '.eText' – CSS класс или идентификатор, в который обернут код $MESSAGE$. Если указать его неправильно, то скрипт не будет работать. Указывайте классы с точками, а идентфикаторы со знаком "решетки" (#). Когда такой класс или идентификатор отсутствуют, можно добавить его в шаблоне сайта самостоятельно;
  • linkWrapper = '' - обертка для ссылок на товары интернет магазина. Позволяет ускорить работу скрипта, когда товаров в материале много. В остальных случаях, можно оставить пустым;
  • Кнопка добавления всех товаров одним кликом
    • buySetBtnText = 'Купить все ингредиенты' – текст кнопки добавления всех товаров в корзину;
    • addedSetText = '<p> <strong>Ингредиенты добавлены! </strong></p>' – сообщение после добавления товаров в корзину. Показывается вместо кнопки добавления всех товаров в корзину;
    • buySetPos = 'top' - место размещения кнопки добавления всех товаров в корзину 'top' - над текстом материала, 'bottom' - под текстом материала;
  • Кнопка добавления отдельного товара
    • a2bBtnWrapper = '' – обертка для кнопки добавления товара в корзину. Можно оставить пустым. Например, <div class="publ-basket-wrapper"></div>;
    • a2bBtnTag = 'div' – HTML-тег для кнопки добавления товара в корзину;
    • a2bBtnText = '' - текст кнопки добавления товара в корзину. Можно оставить пустым;
    • a2bBtnClass = 'basket add' - CSS класс кнопки добавления товара в корзину;
    • a2bBtnTitle = 'В корзину' - значение атрибута title кнопки добавления товара в корзину;
    • a2bBtnBlockPref = 'all' - значение $BLOCK_PREF$ для кнопки добавления товара в корзину, которое учитывается в модуле "Статистика и отчеты";



Установка завершена. Если у вас возникли вопросы, которые не затрагивались в документации, спрашивайте в комментариях к товару.