Инструкция
Для вывода плагина необходимо добавить код отображения списка в шаблоны дизайна.
С помощью смарти кода {shopUniparamsPlugin::getList("...")} можно вывести массив списка в JSON формате.
Структура списка в JSON формате:
Array ( [id] => Ключ списка [title] => Название списка [description] => Описание списка ... // Дополнительные поля [items] => Array ( [0] => Array ( [key] => value ) ... ) )
Пример отображение списка.
Необходима добавить HTML код и CSS стили в шаблоны дизайна.
Но для начала настроим и заполним один список как в примере:

После добавьте следующий код в шаблон дизайна (например, home.html):
{if $list = shopUniparamsPlugin::getList("novyi_spisok")}{/if} {if $list.items}![]()
{$list.title}
{$list.description}
{foreach $list.items as $item}
{/if}- {/foreach}
![]()
{$item.header}
{$item.description}
И следующий код в CSS-файл вашей темы (например, default.shop.css):
.pro-list{ padding: 40px; } .pro-list__head{ text-align: center; } .pro-list__head h3{ font-size: 20px; font-weight: 600; } .pro-list__head p{ font-size: 16px; max-width: 90ch; display: inline-block; } .pro-list__items{ padding: 0; margin: 0; list-style:none; text-align: center; } .pro-list__item{ padding: 0; margin: 0; display: inline-block; vertical-align: top; padding: 1%; width: 30%; text-align: center; } .pro-list__item img{ height:160px; max-width: 100%; } .pro-list__item h5{ font-size: 19px; line-height: 1.4em; font-weight: 600; } .pro-list__item p{ font-size: 16px; line-height: 1.4em; font-weight: 500; color: #777; }
В итоге вы дожны получить следующий результат:

Новый список
Список создан на основе плагина Списки Про. С помощью плагина можно легко менять контент списка, менять местами карточки или скрывать на время и многое другое.
-
Новинка! Лампа настольная
Светильник разработан японским дизайнером Наото Фукасава
-
Деревянный стул
Эргономичная форма спинки и сиденья обеспечивает оптимальный комфорт.
-
ЛЕЙФ-АРНЕ
Стулья для столовой должны быть не только удобны, но и красивы.
Больше примеров применения плагина на странице примеры
Если же вы хотите по другому отобразить список вы можете обратиться за помощью к нам или к другому эксперту Webasyst. Данная услуга платная.