Как разместить слайд-шоу на любой странице

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

Код вставки слайд-шоу

Приведенные ниже коды вставки можно использовать как в файлах темы оформления, так и в текстах страниц, описаниях категорий, товаров и т.п. - везде, где возможно использование smarty

* приведенный ниже код актуален в случаях:
- если установленно приложение "магазин";
- если для приложения "магазин" загружена тема оформления "inspiration";
- если файл slideshow.html приложения "магазин" не был изменен.

  • Вставка слайд-шоу промо карточек
    {$_viewmode = 'promocards'}
    {$_options = [
        'range_from' => 2,
        'range_to' => 4,
        'image_size' => '1200x300',
        'ratio_width' => 4, 
        'ratio_height' => 1,
        'animation' => 'slide'
    ]}
    {$path = "`$wa->shop->themePath(waRequest::getTheme())`slideshow.html"}
    {include file=$path options=$_options viewmode=$_viewmode inline}

    range_from - диапазон "от".

    range_to - диапазон "до".

    image_size - размер изображений. Значение - правило формирования эскизов 'ширина'x'высота'

    ratio_width - соотношение сторон "ширина", значение число.

    ratio_height - соотношение сторон "высота", значение число.

    animation - тип анимации. Значения - ключевые слова.

  • Вставка слайд-шоу товаров из списка
    {$_viewmode = 'products'}
    {$_options = [
        'hash' => 'category/1',
        'limit' => 10,
        'image_size' => '400x0',
        'ratio_width' => 4, 
        'ratio_height' => 1, 
        'animation' => 'slide'
    ]}
    {$path = "`$wa->shop->themePath(waRequest::getTheme())`slideshow.html"}
    {include file=$path options=$_options viewmode=$_viewmode inline}

    hash - источник списка товаров.

    limit - количество товаров в слайд-шоу.

    image_size - размер изображений. Значение - правило формирования эскизов 'ширина'x'высота'

    ratio_width - соотношение сторон "ширина", значение число.

    ratio_height - соотношение сторон "высота", значение число.

    animation - тип анимации. Значения - ключевые слова.

  • Вставка слайд-шоу изображений приложения фото
    {$_viewmode = 'photos'}
    {$_options = [
        'hash' => 'album/1',
        'limit' => 10,
        'image_size' => '1200x300',
        'ratio_width' => 4, 
        'ratio_height' => 1,
        'animation' => 'slide'
    ]}
    {$path = "`$wa->shop->themePath(waRequest::getTheme())`slideshow.html"}
    {include file=$path options=$_options viewmode=$_viewmode inline}

    hash - источник списка изображений.

    limit - количество изображений в слайд-шоу.

    image_size - размер изображений. Значение - правило формирования эскизов 'ширина'x'высота'

    ratio_width - соотношение сторон "ширина", значение число.

    ratio_height - соотношение сторон "высота", значение число.

    animation - тип анимации. Значения - ключевые слова.

Дополнительные параметры слайд-шоу

Приведенными ниже параметрами может быть дополнен массив {$_options} в качестве элементов массива.

* При дополнении массива {$_options} параметрами, должны соблюдаться правила:
- элементы массива должны быть разделены запятыми, последний элемент записывается без зяпятой;
- название элемента и текстовое значение элемента заключаются в одинарные кавычки ('hash' => 'album/1');
- числовое значение элемента записывается без кавычек;
- значение типа "boolean" (true, false) записывается без кавычек;
- значение присваевается названию через конструкцию =>

min_height - минимальная высота слайд-шоу.
Значение - целое число (выражается в px).
Значение по умолчанию - 'false'

max_height - максимальная высота слайд-шоу
Значение - целое число (выражается в px).
Значение по умолчанию - 'false'

autoplay - автопрокрутка
Значение - типа "boolean" (true, false)
значение по умолчанию 'true' (истина)

autoplay_interval - интервал прокрутки слайда
Значение - целое число (выражается в ms).
значение по умолчанию '7000'

pause_on_hover - пауза при наведении
Значение - типа "boolean" (true, false)
значение по умолчанию 'true' (истина)

slidenav - управление слайдером кнопки "вправо", "влево"
Значение - типа "boolean" (true, false)
значение по умолчанию 'true' (истина)

dotnav - управление слайдером кнопки/точки внизу слайдера Значение - типа "boolean" (true, false)
значение по умолчанию 'true' (истина)

text_overlay - цветовая схема текстовой области
Значение - ключевые слова: 'default', 'primary'
default - белый фон, темный цвет текста
primary - темный фон, белый цвет текста
значение по умолчанию 'default'

text_transition - тип появления блока с текстом
Значения ключевые слова

fade Плавное появление
scale-up
scale-down
Появляясь, масштабируется, уменьшаясь или увеличиваясь.
slide-top
slide-bottom
slide-left
slide-right
Появляясь, перемещается с одной из сторон
slide-top-small
slide-bottom-small
slide-left-small
slide-right-small
Появляется сверху, снизу, влево или вправо с меньшим расстоянием.
slide-top-medium
slide-bottom-medium
slide-left-medium
slide-right-medium
Появляется сверху, снизу, влево или вправо со средним расстоянием
значение по умолчанию 'slide-bottom-small'

text_position - размещение блока с текстом
Значения ключевые слова:
top - блок с текстом размещается вверху слайда
bottom - блок с текстом размещается внизу слайда
значение по умолчанию bottom

text_margin - внешние отступы блока с текстом от краев слайда
Значения ключевые слова
large - большой отступ
medium - средний отступ
small - малый отступ
false - нет отступа
значение по умолчанию 'false'

text_padding - внутренние отступы блока с текстом
Значения ключевые слова
large - большой отступ
small - малый отступ
true - средний
значение по умолчанию 'true'

text_alignment - выравнивание текста по горизонтали
left - по левому краю
center - по центру
right - по правому краю
false - нет выравнивания, наследуется от родительского элемента.
значение по умолчанию false

text_position - выравнивание текста по вертикали
top - по левому краю
bottom - по нижнему краю
значение по умолчанию 'bottom'

text_size - размер шрифта заголовка слайда
Значение - целое число от 1 до 6
значение по умолчанию '3'

Есть вопросы или предложение?

Для того что бы задать вопрос, Вам необходимо авторизоваться или зарегистрироваться