Создаем товар с временной скидкой

Как вывести таймер скидки на товар

Конечная цель любого интернет магазина – это продать товар своему посетителю. Посетители в свою очередь ищут нужный товар по более выгодной цене. Частой бывает ситуация, когда посетитель сайта находит товар по приятной цене и просто добавляет его в закладки, оставляя на потом. Что же делать в таких ситуациях, как мотивировать потенциального клиента сделать покупку здесь и сейчас?

Одним из эффективных решений - является продажа товара по выгодной цене (скидке/акции) с указанием временного интервала ее действия. Таким образом, клиент, попадая на ваш сайт видит выгодную цену на искомый товар, а ограничение по времени не дают ему отложить покупку в долгий ящик.

В этом посте мы рассмотрим, как на платформе Gollos установить временной таймер на товар со скидкой.

Создаем товар с временной скидкой

1) Перейдем в раздел Товары – Список товаров

2) Выделим нужный товар галочками

3) Из списка действий выберем: «Добавить скидку».

Выбрав действие «Добавить скидку», вы попадете на страницу «Временные скидки».

Здесь вам нужно:

1) Установить значение скидки

2) Установить временной интервал действия скидки

3) Нажать на кнопку добавить

В результате у вас появятся выбранные товары в списке временных скидок:

Отлично! Мы создали товар со скидкой, осталось добавить скрипт, который будет ее выводить на странице товара.

Устанавливаем временной  таймер

Перейдем в раздел «Дизайн» и откроем текущий дизайн на редактирование

  1. 1. Добавим стили для нашего счетчика, для этого перейдем в раздел «Файлы», текущего дизайна:
    1. 1.1. Откроем файл стилей (обычно это файл с названием style.css) на редактирование:
    2. 1.2. Прокрутим его содержимое в самый конец , вставим код стилей для счетчика  и жмем на кнопку «Сохранить».

Скопируйте код стилей:

  • 2. Добавим скрипт в файл скриптов текущего дизайна. Откроем раздел «Файлы» и найдем в нем файл script.js
    • 2.1. Откроем файл script.js на редактирование
    • 2.2. Прокрутим в самый конец, вставим наш код и жмем на кнопку «Сохранить»:

Скопируйте код скрипта:

Теперь осталось вставить код счетчика на страницу товара и довольствоваться полученным результатом.

  • 3. Для этого откроем страницу «Товары. Описание».  
    • 3.1. Здесь нам нужно отыскать в коде блок вывода краткого описания товара:

ВАЖНО! Данный код может отличаться  в зависимости от используемого вами дизайна.

    • 3.2. После него вставить разметку нашего счетчика и нажать на кнопку «Сохранить».

Скопируйте код:

В результате получается вот такой вот счетчик, на странице товара со скидкой: