Примеры
В каждом примере есть вставки кода которые по желанию можете вписать в шаблоны дизайна и использовать плагин как в примере.
Онлайн оплата {$wa_app}
Наличный и безналичный расчет
Доставим куда угодно
Работаем по всей России
Любые гарантии
Гарантия качества всех работ
Всегда на связи
Бесплатный звонок
Настройка списка
Обратите внимание чтобы код вывода и поля соответвовали примеру
Html код
{$features = shopUniparamsPlugin::getList("demo_features")}
{if !empty($features)}
{foreach $features.items as $i}
{$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}
{/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}
{/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; }