Настройка отображения товаров интернет-магазина

После загрузки товаров и подключения сервисов можно переходить к оформлению отображения товаров. Это важный шаг: он может повлиять на первое впечатление покупателя. От оформления отображения товаров зависит, насколько удобно посетителю их будет искать. Кроме того, грамотное оформление товаров помогает выгодно показать ассортимент, рассказать об акциях, скидках и сезонных предложениях и повышает вероятность покупки.

Вот несколько советов, как настроить отображение товаров:

• После добавления товаров на сайт настройте корректные категории — это основная классификация товаров по общим признакам. Например, «Одежда», «Обувь», «Аксессуары», «Электроника». Категории формируют базовую структуру каталога и отображаются в главном меню сайта.

Для этого из раздела «Товары» перейдите в «Категории» и отредактируйте их, если это необходимо.

Вложенность (категорийное дерево) помогает организовать информацию в логической последовательности и облегчает поиск нужных разделов.

Вот как может выглядеть наполнение для интернет-магазина с одеждой:

Первый уровень — «Одежда и обувь»

Второй уровень — «Женская одежда»

Третий уровень — «Аксессуары», «Блузы и рубашки», «Брюки»

• Создайте коллекции — это тематические подборки внутри категорий. Они позволяют группировать товары по более узким критериям: сезонности, стилю, акции, специальным предложениям. Примеры: «Летняя коллекция», «Хиты продаж», «Товары со скидкой», «Новая коллекция — 2026».

Ключевая разница: категории задают «скелет» каталога, а коллекции наполняют его актуальными акцентами и помогают выделить отдельные группы товаров. Коллекции можно создать в разделе «Коллекции» личного кабинета.  

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

Вы можете кликнуть по нужному вам элементу и редактировать его.

• В настройках «Темы» можно выбрать цвет бренда, настроить шрифты, отступы и пропорции карточек товаров, включить или отключить элементы интерфейса — значок Яндекс Сплит, бейджи, избранное, отображение отсутствующих товаров.
• На вкладке «Страницы» можно добавлять новые страницы, редактировать существующие и удалять дополнительные. Некоторые страницы, например Главная, Товар, Каталог, Корзина, а также юридические, встроены по умолчанию.
• На вкладке «Секции» настраивается контент каждой страницы сайта. После того как вы выберете страницу, в левой панели откроется список секций, например Шапка, Баннер, Каталог, Подвал. Вы можете редактировать их содержимое, добавлять новые блоки, менять порядок секций на странице и удалять ненужные.

Подробную инструкцию по Редактору сайта разместили в Справке.

Для визуального оформления интернет-магазина используйте технические требования к изображениям и баннерам, которые можно найти в этом файле в Figma. Эти параметры важно соблюдать, чтобы иллюстрации отображались корректно и визуально поддерживали оформление сайта.

После настройки дизайна вы можете посмотреть, как будет отображаться ваш сайт. Для этого перейдите по кнопке «Посмотреть мой сайт» из раздела «Редактор сайта».

Таким образом, с помощью встроенного редактора можно изменять блоки на сайте, размещать баннеры, формировать подборки товаров. Всё это помогает сделать интернет-магазин удобным для клиента.