Иконка, изображение и баннер для категории

Иконка, изображение и баннер для категории для Shop-Script

Привлекательное графическое оформление категорий

66 оценок

Ваш отзыв
Установок
1900+
Разработчик
Поддержка

Инструкция

1. В теме оформления магазина создайте файл под названием plugin.wmimageincat.thumbnav.html
в качестве содержимого вставьте содержимое файла plugin.wmimageincat.thumbnav.txt

CTRL+A - выделить все
CTRL+C - Скопировать
CTRL+V - вставить

2. Для вывода списка категорий на главной странице (категории 1-го уровня)
В файле home.html (магазин - витрина - оформление) - главная страница магазина, пропишите

{$_options = []}
{include file="./plugin.wmimageincat.thumbnav.html" options=$_options inline}

3. Для вывода списка подкатегорий на странице категории (дочерние текущей категории)
В файле category.html (магазин - витрина - оформление) - страница категории, пропишите

{if $category.subcategories}
{$_options = [
'categories' => $category.subcategories
]}
{include file="./plugin.wmimageincat.thumbnav.html" options=$_options inline}
{/if}

4. Для вставки списка категорий на любую страницу и область сайта (должно поддерживаться smarty, установлено приложение магазин и плагин "иконка, изображение и банер для категории")
пропишите строку

{$_options = []}
{include file="`$wa->shop->themePath('id_theme')`plugin.wmimageincat.thumbnav.html" options=$_options inline}

где id_theme - идентификатор темы оформления

Параметры

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

{include file="./plugin.wmimageincat.thumbnav.html" options=$_options inline}

заполните массив $_options
Пример:

{$_options = [
'ids' => '1,3,4,23',
'child_width' => 3,
'child_height' => 200,
'text_color' => '#000000'
]}

{include file="./plugin.wmimageincat.thumbnav.html" options=$_options inline}

где каждая строка - парметры массива (переменная => значение)
в конце каждой строки кроме последней - запятая
* Полный список параметров указан ниже

Источник

id - все дочерние категории указанной, значение - число (по уполчанию - 0, не заключается в кавычки)
ids - список идентификаторов категорий через запятую или массив идентификаторов (по умолчанию пустой). Если задана значение ids, то id игнорируется.
categories - готовый массив категорий (например $category.subcategories на странице категории, по умолчанию пустой). Если задана эта переменная, то id, ids игнорируются
exclude - список идентификаторов категорий через запятую или массив идентификаторов, которые необходимо исключить из выборки (по умолчанию пустой).

Оформление

image_cover - изображение как фон / как самостоятельный элемент, значение - boolean (true / false, по умолчанию true - изображение фоном)
text_cover - название категории под изображением / над изображением, значение - boolean (true / false, по умолчанию true - текст над изображением)
child_width - кол-во элментов в строке, значение - число (не заключается в кавычки, значение применяется для большого экрана, при уменьшении кол-во элементов в строке уменьшается)
child_height - высота элемента в px, значение - число (не заключается в кавычки, по умолчанию 150)
text_background - фон текста, значение - цвет (https://csscolor.ru/hexa/, по умолчанию rgba(255,255,255,.8))
text_color - цвет текста, значение - цвет (https://csscolor.ru/hexa/, по умолчанию #535353)

Эффект при наведении

overlay_background - наложение цвета на карточку при наведении, значение - цвет (https://csscolor.ru/hexa/, по умолчанию rgba(0,0,0,.4))
scale_hover - увеличение при наведении, значение - boolean (true / false, по умолчанию true)
rotate_hover - поворот при наведении, значение - boolean (true / false, по умолчанию true)

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

dummy - изображение/заглушка, применяется если у категории отсутствует изображение, значение - текст (url изображения, по умолчанию https://dummyimage.com/200/f8/2)
params - включение выборки доп. параметров категорий, значение - boolean (true / false, по умолчанию false)
route - если есть несколько правил магазина, то можно выбрать категории конкретной витрины, значение - строка текста либо массив (по умолчанию null)
images - массив собственных изображений категорий (по умолчанию пустой)