Промо-баннер с переходом

Баннер с картинкой, заголовком и кнопкой. По нажатию открывает раздел каталога. Подходит для главного экрана и для блока в карточке товара.

Где разместить

Главный экран или HTML-вставка в карточке товара.

Код

                                HTML                            

                            
<a data-mobius="catalog.openSection('320', 'Новинки сезона')"
   style="display:block;border-radius:16px;overflow:hidden;text-decoration:none;
          background:#1D8673;color:#fff;">
  <img src="https://example.com/banners/new-season.jpg"
       alt="Новинки сезона" style="display:block;width:100%;height:auto;">
  <div style="padding:16px;">
    <div style="font-size:18px;font-weight:700;">Новинки сезона</div>
    <div style="opacity:.85;margin-top:4px;">Свежая коллекция уже в продаже</div>
    <span style="display:inline-block;margin-top:12px;padding:10px 18px;
                 background:#fff;color:#1D8673;border-radius:10px;font-weight:600;">
      Смотреть раздел
    </span>
  </div>
</a>
                        

Как адаптировать

catalog.openSection('320', 'Новинки сезона') — замените 320 на ID вашего раздела, а текст — на его заголовок.
src="..." — укажите адрес своей картинки.
Цвет #1D8673 — замените на цвет вашего бренда.

Варианты

Чтобы баннер вёл к конкретному товару, поменяйте команду:

                                HTML                            

<a data-mobius="catalog.openProduct('15')" style="...">...</a>

Чтобы вёл на товары со скидкой с готовым фильтром:

                                HTML                            

<a data-mobius="catalog.openSectionFiltered"
   data-params='{"id":"320","title":"Распродажа","filter":{"sale":"Y"}}'
   style="...">...</a>

Используемые команды

catalog.openSection — переход в раздел каталога.
catalog.openProduct, catalog.openSectionFiltered — в вариантах.

Обновлено 10.07.2026 09:36

Помогла ли статья?

Примеры Кнопки покупки в описании