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

Онлайн оплата {$wa_app}
Наличный и безналичный расчет

Доставим куда угодно
Работаем по всей России

Любые гарантии
Гарантия качества всех работ

Всегда на связи
Бесплатный звонок
Настройка списка
Обратите внимание чтобы код вывода и поля соответвовали примеру

Html код
{$features = shopUniparamsPlugin::getList("demo_features")} {if !empty($features)}{foreach $features.items as $i}{/if}{/foreach}
{$i.title}{$i.text}
С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)}{/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)}{/if} {$promo.title}{$promo.description}{foreach $promo.items as $i}{$i.title} {/foreach}
С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; }