Инструкция

Обратите внимание что для вывода плагина в шаблоны дизайна вам нужны минимальные знания работы с html и CSS стилями.

Для вывода плагина необходимо добавить код отображения списка в шаблоны дизайна.
С помощью смарти кода {shopUniparamsPlugin::getList("...")} можно вывести массив списка в JSON формате.

Структура списка в JSON формате:

Array
(
    [id] => Ключ списка
    [title] => Название списка
    [description] => Описание списка 
    ... // Дополнительные поля
    [items] => Array
        (
        	[0] => Array
                (
                    [key] => value
                )
		...

		)
) 

Пример отображение списка.

Необходима добавить HTML код и CSS стили в шаблоны дизайна.
Но для начала настроим и заполним один список как в примере:



После добавьте следующий код в шаблон дизайна (например, home.html):


{if $list = shopUniparamsPlugin::getList("novyi_spisok")}
    
     

{$list.title}

{$list.description}

{if $list.items}
    {foreach $list.items as $item}
  • {$item.header}

    {$item.description}

  • {/foreach}
{/if}
{/if}

И следующий код в 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. Данная услуга платная.


Остались вопросы?

Имя
Email
Сообщение

Поддержка

Свяжитесь с нами любым удобным для Вас способом.