Примеры

В каждом примере есть вставки кода которые по желанию можете вписать в шаблоны дизайна и использовать плагин как в примере.

Список примеров
Онлайн оплата
Онлайн оплата
Наличный и безналичный расчет
Доставим куда угодно
Доставим куда угодно
Работаем по всей России
Любые гарантии
Любые гарантии
Гарантия качества всех работ
Всегда на связи
Всегда на связи
Бесплатный звонок

Настройка списка

Обратите внимание чтобы код вывода и поля соответвовали примеру

Html код

{$features = shopUniparamsPlugin::getList("demo_features")}
{if !empty($features)} 
{foreach $features.items as $i}
{$i.title}
{$i.title}
{$i.text}
{/foreach}
{/if}
СSS стили
.up-features{ display: flex; flex-wrap: wrap; justify-content: center; padding: 32px 0; }
.up-features__item{ max-width: 200px; display: flex; flex-basis: 100%;  padding: 12px; }
.up-features__image{ width: 48px; padding-right: 16px;}
.up-features__img{ max-width: 100%; }
.up-features__title { padding-bottom: 8px;  font-size: 16px;  font-weight: 700; line-height: 20px;}
.up-features__text { font-size: 14px; line-height: 18px; color: #999;}

Настройка списка

Обратите внимание чтобы код вывода и поля соответвовали примеру

Html код

{$banners = shopUniparamsPlugin::getList("demo-banners")}
{if !empty($banners)}
	
{foreach $banners.items as $i} {$i.title} {/foreach}
{/if}
СSS стили
 
.up-banners{ display: flex; flex-wrap: wrap; justify-content: center; padding: 32px 0; }
.up-banners__item{ max-width: 30%; display: flex; flex-basis: 100%;  padding: 12px; }
.up-banners__img{ max-width: 100%; border-radius: 10px;}
ПРИЯТНЫЕ ЦЕНЫ
То, чего вы так долго ждали

Настройка списка

Обратите внимание чтобы код вывода и поля соответвовали примеру

Html код

{$promo = shopUniparamsPlugin::getList("demo_promo")}
{if !empty($promo)} 
{$promo.title}
{$promo.description}
{foreach $promo.items as $i} {$i.title} {$i.title} {/foreach}
{/if}
СSS стили
 
.up-promo{ padding: 56px 0; text-align: center; position: relative; }
.up-promo:before{ content: ""; position: absolute; z-index: 1;  top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.4);}
.up-promo__title{ position: relative; z-index: 2; color: #fff; font-size: 38px; line-height: 1.4em; font-weight: 700; } 
.up-promo__description{ position: relative; z-index: 2; font-size: 18px; line-height: 1.3em; color: #fff; }
.up-promo__items{ position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: center; padding: 32px 0 0; }
.up-promo-item{ max-width: 30%; padding: 12px; text-align: center; }
.up-promo-item__img{ max-width: 160px; margin: 0 auto 20px;} 
.up-promo-item__title{ display: block; font-size: 18px; line-height: 1.4em; color: #fff; }

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

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

Поддержка

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