Обратный отсчет

Обратный отсчет для Shop-Script 7

Таймер обратного отсчета к будущему мероприятию

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

Читать обзор от Webasyst »

Как вставить несколько счетчиков обратного отчета на странице?
Ответ:
Есть два варианта вывода плагина, автоматически с помощью хука и вставка кода в шаблоне.
Автоматически, плагин будет вставлен только в шапке сайта с параметрами которые указаны в настройках плагина.
Для множественной вставки, можно использовать вставку кода в шаблоне:
{shopCountdownPlugin::show(true,['countdown_date'=>'2099-12-1 00:00:00'],ID)} где ID это необязательный уникальный идентификатор, например 1,2,3,4,... и т.д.
Пример:
{shopCountdownPlugin::show(true,['countdown_date'=>'2099-12-1 00:00:00'],'1')}
{shopCountdownPlugin::show(true,['countdown_date'=>'2099-12-1 00:00:00'],'2')}
{shopCountdownPlugin::show(true,['countdown_date'=>'2099-12-1 00:00:00'],'3')}

Какие еще параметры плагина, можно применять в коде для вставки в шаблон?
Ответ:
В коде для вставки, можно использовать практически все параметры, которые доступны в настройках плагина.
Параметры, которые не были указаны в коде для вставки, будут заменены на те, которые используются в бекенде плагина.
Используется следующий формат {shopCountdownPlugin::show(true,[параметр=>значение],'уникальный идентификатор')}
Ниже приведен список всех параметров с их значениями по умолчанию (для плагина версии >=0.1.0):
'auto_init' => 1, {* Автоматическая инициализация (1 или 0) *}
'countdown_date' => '', {* Дата и время обратного отсчета (строка: '2099-12-1 00:00:00') *}
'display_year' => 0, {* Отображать год (1 или 0) *}
'display_month' => 0, {* Отображать месяц (1 или 0) *}
'display_day' => 1, {* Отображать день (1 или 0) *}
'display_hours' => 1, {* Отображать часы (1 или 0) *}
'display_minutes' => 1, {* Отображать минуты (1 или 0) *}
'display_seconds' => 1, {* Отображать секунды (1 или 0) *}
'size_percent' => 50, {* Размер таймера в процентном соотношении (число, по умолчанию 50) *}
'timezone' => 'auto', {* Установка смещения часового пояса (auto либо число от -12 до +13 *}
'separator' => ':', {* Разделитель между цифрами (':') *}
'leading_zeros' => 1, {* Добавить ведущие нули к цифрам обратного отсчета (1 или 0) *}
'countdown_url' => '', {* URL обратного отсчета (URL) *}
'open_url_in_window' => 1, {* Открытьвать URL в новом окне (1 или 0) *}
'expiry_text' => '', {* Отображение текста по истечении времени (строка) *}
'expiry_url' => '', {* Переход на URL-адрес после завершения отсчета (строка) *}
'description' => '', {* Текст описания обратного отсчета (строка) *}
'description_on_top' => 1, {* Отображение текста описания в верхней части обратного отсчета (1 или 0) *}
'text_shadow' => '1px 1px 1px rgba(0,0,0,0.75)', {* Тень текста в формате CSS, для заголовка, таймера и текста описания *}
'box_shadow' => '1px 1px 1px 1px rgba(0,0,0,0.2)', {* Тень фона в формате CSS *}
'stylesheet' => 'countdown', {* Стиль (строка: 'countdown', либо 'separated') *}
'theme' => 'none', {* Тема (строка: 'none', 'random', 'default', 'red', 'green', 'blue', 'black', 'digital', 'digital2', 'alarm', 'future', 'dark', 'light', 'halloween', 'pattaya', 'time', 'handwriting', 'lobster', 'lobster2', 'lobster3', 'ruslan', 'football', 'football2', 'football3', 'ubuntu', 'marmelad', 'funny', 'lightgrey', 'darkgrey') *}
'font_family' => 'Roboto Condensed', {* Семейство шрифтов из списка шрифтов Google или пользовательское имя шрифта (строка: 'Roboto Condensed') *}
'google_fonts' => 1, {* Включение использования шрифтов Google (1 или 0) *}
'description_font_size' => '2vmin', {* Размер шрифта описания (px,em,%,ex,pt,vmin,vmax,vw,vh) *}
'timeout_font_size' => '2vmin', {* Размер шрифта текста, который отображается по истечении времени (px,em,%,ex,pt,vmin,vmax,vw,vh) *}
'bg_color' => '#bd0a39', {* Цвет фона обратного отсчета (HEX, для использования прозрачности введите слово «transparent») *}
'bg_radius' => '1vmin', {* Радиус скругления для фона таймера (px,em,%,ex,pt,vmin,vmax,vw,vh) *}
'text_color' => '#FFF', {* Цвет цифр обратного отсчета (HEX) *}
'description_text_color' => '#bd0a39', {* Укажите цвет текста описания (HEX) *}
'position' => '', {* Идентификатор, либо класс элемента в который следует переместить контейнер обратного отсчета (строка: '#id' либо '.classname') *}
'text_align' => 'center', {* Выравнивание текста обратного отсчета (строка: 'center', 'left', 'right') *}
'wrapper_color' => 'transparent', {* Цвет обертки (HEX, для использования прозрачности введите слово «transparent») *}
'wrapper_texture' => 'none', {* Текстура обертки (строка: 'none', 'arabtile', 'argyle', 'asfalt', 'batthern', 'carbon', 'carbon2', 'climatecool', 'connect', 'diamond', 'dirty', 'dnoise', 'dots', 'dots2', 'dots3', 'fabric', 'fibers', 'floral', 'furley', 'gobbler', 'gplay', 'graphy', 'gridme', 'inflicted', 'leather', 'leather2', 'linen', 'lyonnette', 'nistri', 'noise', 'padded', 'pattern', 'paven', 'pinstripe', 'plaid', 'px', 'rnd', 'ravenna', 'redox', 'robots', 'rose', 'scales', 'shattered', 'smirrored', 'squares', 'squares2', 'stars', 'stripes', 'struckaxiom', 'tissue', 'type', 'vichy', 'vlines', 'wall', 'wall2', 'widerectangles', 'wood', 'wood2', 'wood3', 'wool', 'woven', 'wtiles', 'xcross', 'xv', 'zigzag') *}
'wrapper_radius' => '1vmin', {* Радиус скругления для обертки (px,em,%,ex,pt,vmin,vmax,vw,vh) *}
'show_captions' => 1, {* Показывать подписи (1 или 0) *}
'captions_top' => 0, {* Отображать подписи в верхней части таймера (1 или 0) *}
'years_caption' => _wp('Years'), {* Подпись "Лет" (строка) *}
'months_caption' => _wp('Months'), {* Подпись "Месяцев" (строка) *}
'days_caption' => _wp('Days'), {* Подпись "Дней" (строка) *}
'hours_caption' => _wp('Hours'), {* Подпись "Часов" (строка) *}
'minutes_caption' => _wp('Minutes'), {* Подпись "Минут" (строка) *}
'seconds_caption' => _wp('Seconds'), {* Подпись "Секунд" (строка) *}
'captions_color' => '#ffffff', {* Цвет подписей (HEX) *}
'animation' => 'none', {* Анимация (строка: 'none', 'flipx', 'flipy', 'bounce', 'fade', 'rotate', 'zoom') *}

Каким образом, можно использовать плагин на странице товара?
Ответ:
На страницу товара, плагин можно добавить с помощью вставки кода в шаблон product.html.
Пример использования:

{* Отображаем обратный отсчет только для товара с определенным ID *}
{if $product.id==1}
{shopCountdownPlugin::show(true,['countdown_date'=>'2099-12-1 00:00:00'],'1')}
{/if}

{* Использование доп. параметров товара для отображения обратного отчета *}

{if isset($product.params.action_date)}
{shopCountdownPlugin::show(true,['countdown_date'=>$product.params.action_date],'1')}
{/if}

{* Отображение обратного отсчета только для указанной категории товаров *}
{if $product.category_id==1}
{shopCountdownPlugin::show(true,['countdown_date'=>'2099-12-1 00:00:00'],'1')}
{/if}

{* Отображение обратного отсчета на странице товара с определенным URL *}
{if $product.url=='myurl'}
{shopCountdownPlugin::show(true,['countdown_date'=>'2099-12-1 00:00:00'],'1')}
{/if}
Где 'myurl' - идентификатор из URL. Например: https://site.com/product/myurl/

Как добавить плагин на страницу категории?
Ответ:
На страницу категории, плагин можно добавить с помощью вставки кода в шаблон category.html.
Пример использования:
{if $category.id == 1}
{shopCountdownPlugin::show(true,['countdown_date'=>'2099-12-1 00:00:00'],'1')}
{/if}
Где 1 - ID категории на странице которой необходимо отображать плагин.

{if $category.name == 'Test'}
{shopCountdownPlugin::show(true,['countdown_date'=>'2099-12-1 00:00:00'],'1')}
{/if}
Где 'Test' - название категории на странице которой необходимо отображать плагин.

{if $category.url == 'myurl'}
{shopCountdownPlugin::show(true,['countdown_date'=>'2099-12-1 00:00:00'],'1')}
{/if}
Где 'myurl' - идентификатор из URL. Например: https://site.com/category/myurl/

Аналогично, как и в случае с страницей товаров, на странице категорий, также есть возможность использования доп. параметров:
{if isset($category.params.action_date)}
{shopCountdownPlugin::show(true,['countdown_date'=>$category.params.action_date],'1')}
{/if}

Как сделать, что бы плагин циклично отсчитывал время каждый день?
Ответ:
Можно воспользоваться вставкой кода в шаблоне, например так:
{$target_date = date("Y-m-d 23:59:59")}
{shopCountdownPlugin::show(true,['countdown_date'=>$target_date])}

Сколько профилей можно создать в настройках плагина?
Ответ:
Количество создаваемых профилей не ограничено, но в целях оптимизации, не рекомендуется использовать более 10 профилей.
Неиспользуемые профили, лучше отключать с помощью соответствующей галочки, либо удалять.

После обновления до версии 0.1.0 возникает ошибка #1146.
Ответ:
Данная версия плагина не совместима с предыдущими версиями.
Удалите и заново установите плагин.
Также, сделайте сброс кеша в приложении "Инсталлер", после чего, установите галочку "Сброс настроек по умолчанию" в настройках плагина и нажмите "Сохранить".