Инструкция

Обратите внимание что для вывода плагина в шаблоны дизайна вам нужны минимальные знания работы с 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; }

В итоге вы дожны получить следующий результат:

Новый список

Список создан на основе плагина Списки Про. С помощью плагина можно легко менять контент списка, менять местами карточки или скрывать на время и многое другое.

Новинка! Лампа настольная

Светильник разработан японским дизайнером Наото Фукасава
Деревянный стул

Эргономичная форма спинки и сиденья обеспечивает оптимальный комфорт.
ЛЕЙФ-АРНЕ

Стулья для столовой должны быть не только удобны, но и красивы.