Как разместить промо-карточки на любой странице

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

Код вставки "промо-карточек"

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

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


{$_options = [
    'range_from' => 1,
    'range_to' => 0,
    'slider' => false,
    'image_cover' => true,
    'item_width' => 3,
    'image_height' => false,
    'image_size' => '250x200'
]}
{$path = "`$wa->shop->themePath(waRequest::getTheme())`promocards.html"}
{include file=$path options=$_options inline}

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

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

slider - промо-картчоки слайдером. Выводятся все промо картчоки - значение false, либо они заключены в слайдер и отбражаются при прокрутке слайдера - значение true.
Значение - типа "boolean" (true, false)
значение по умолчанию - выбранный режим просмотра в настройках темы.

image_cover - изображение промо-карточки фоном. Если изображения выводятся фоном - значение true (размер всех промо-картчокек одинаковый, но изображения могут быть обрезанными),
либо изображения выодятся отдельным элементом - значение false (размер промо карточек может различаться по высоте в зависимости от загруженого изобарежения, но обреззки изображения не происходит).
Значение - типа "boolean" (true, false)
значение по умолчанию - выбранный режим просмотра в настройках темы.

item_width - количество промо-карточек в строке.
Значение - целое число от 1 до 5.
значение по умолчанию - выбранный режим просмотра в настройках темы.

image_height - Высота промо-карточки.
Значение - целое число выражается в px.
значение по умолчанию - 150 (150xp), но если выборано отображение изобаржений как отдельных элементов (image_cover => true), то минимальная выста блока - высота изображения .

image_size - правило формирования эскизов 'ширина'x'высота'.

text_cover - Расположение текста.
Текст появляется при наведении на карточку (значение - true), текст размещается под промо-карточкой (значение - false).
Значение - типа "boolean" (true, false)
значение по умолчанию - выбранный режим просмотра в настройках темы.

Дополнительные парамтеры промо-карточек

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

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

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

text_overlay - цветовая схема текстовой области (работает только при 'text_cover' => true)
Значение - ключевые слова: 'default', 'primary'
default - белый фон, темный цвет текста
primary - темный фон, белый цвет текста
значение по умолчанию 'default'

text_transition - тип появления блока с текстом (работает только при 'text_cover' => true)
Значения ключевые слова

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
Появляется сверху, снизу, влево или вправо со средним расстоянием
значение по умолчанию 'fade'

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

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

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

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

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

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

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