Документация
Главная Документация Backend-API
Быстрые поиски

Быстрые поиски

Набор «чипсов» — небольших кнопок с популярными запросами. Нажатие открывает список товаров по запросу или готовую подборку. Помогает направлять покупателей к нужным товарам прямо с главного экрана.

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

Блок на главном экране или в карточке товара.

Код

HTML 
<div style="margin:12px 0;">
  <div style="font-size:16px;font-weight:700;margin-bottom:10px;">Популярное</div>
  <div style="display:flex;flex-wrap:wrap;gap:8px;">

    <a data-mobius="catalog.search('кофе')"
       style="padding:8px 14px;border-radius:20px;background:#F2F2F2;
              color:#292929;text-decoration:none;">Кофе</a>

    <a data-mobius="catalog.search('чай')"
       style="padding:8px 14px;border-radius:20px;background:#F2F2F2;
              color:#292929;text-decoration:none;">Чай</a>

    <a data-mobius="catalog.search('сладкое')"
       style="padding:8px 14px;border-radius:20px;background:#F2F2F2;
              color:#292929;text-decoration:none;">Сладкое</a>

    <a data-mobius="catalog.openSection('320', 'Новинки')"
       style="padding:8px 14px;border-radius:20px;background:#1D8673;
              color:#fff;text-decoration:none;">Новинки</a>

    <a data-mobius="catalog.openSectionFiltered"
       data-params='{"id":"320","title":"Со скидкой","filter":{"sale":"Y"}}'
       style="padding:8px 14px;border-radius:20px;background:#1D8673;
              color:#fff;text-decoration:none;">Со скидкой</a>

  </div>
</div>

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

  • В catalog.search('...') подставьте свои запросы — это то, что искал бы покупатель в поиске.
  • Кнопки-подборки используют catalog.openSection (раздел) и catalog.openSectionFiltered (раздел с фильтром). Замените ID и заголовки.
  • Цветом удобно отделять «запросы» от «подборок».

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

Обновлено 10.07.2026 09:36
Помогла ли статья?