Установка скрипта «Вывод даты доставки»

Введение

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

Скрипт показывает посетителям предполагаемую дату доставки. Дата доставки вычисляется путем прибавления к текущей дате количество дней, указанное в настройках.

    Скрипт имеет настройки:
  • количество дней, после которых доставляется заказ;
  • учитывать/не учитывать выходные при расчете, а также указания количества выходных дней;
  • имя класса или идентификатора, в который будет помещена дата предполагаемой доставки.

Скрипт работает на всех страницах, где подключен файл скрипта и размещен контейнер для вывода даты.

    Особенности:
  • не требует PHP и устанавливается за 5 минут;
  • не требует активного модуля интернет магазин (т.е. работает в любых других модулях);
  • возможность реализовать для разных товаров или категорий разные сроки поставки.

Пример:



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

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

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

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

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

Перейдите в панель управления и выберите в главном меню Дизайн - Управление дизайном (шаблоны). На открывшейся странице выберите Страница товара:

Добавьте код в самый конец шаблона перед закрывающим тегом </body>:

<script src="/js/um.delivery-date.js"></script>
<script>
	um.DeliveryDate({
		days: 3,
		holidaysOff: true,
		holidays: 'сб,вс',
		node: '.um-delivery'
	})
</script>
    Где:
  • days: 3 - количество дней на доставку. Они прибавляются к текущей дате;
  • holidaysOff: true - флаг, указывающий на то, что по выходным доставка не осуществляется. true - доставка не осуществляется, false - доставки выполняется в выходные как и в обычные дни;
  • holidays: 'сб,вс' - выходные через запятую. Допустимые значения: 'вс, пн, вт, ср, чт, пт, сб'
  • node: '.um-delivery' - класс или идентификатор класса, в который будет помещена дата предполагаемой доставки.

Пример:

Теперь выберите на странице товара подходящее для сообщения место и разместите следующий код:

<p>$ENTRY_TITLE$ будет у вас дома не позднее <b><span class="um-delivery"></span></b></p>

Например, рядом с ценой и кнопкой добавления в корзину:

Нажмите "Сохранить".

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

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

<script src="/js/um.delivery-date.js"></script>
<?if $CID$ = '15'?>
<script>
	um.DeliveryDate({
		days: 13,
		holidaysOff: true,
		holidays: 'сб,вс',
		node: '.um-delivery'
	})
</script>
<?else?>
<script>
	um.DeliveryDate({
		days: 3,
		holidaysOff: false,
		holidays: 'сб,вс',
		node: '.um-delivery'
	})
</script>
<?endif?>

В данном примере реализовано следующее: для товаров, относящихся к категории с id = 15 поставка обозначается после 13 рабочих дней. Для остальных доставка через 3 дня, в том числе по выходным.

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

ID-категории можно узнать перейдя в настройки категорий панели управления

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