Статьи по теме: Заполнение сайта

Как сделать категории товаров в виде картинок на странице?


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


screen-216.png


Вы можете добавить категории двумя способами: через виджет Фотогалерея и с помощью готовых блоков.



Добавление категорий при помощи виджета Фотогалерея


  1. Добавьте виджет Фотогалерея на страницу.


screen-218.png


  1. Загрузите фотографии, которые будут использоваться в качестве превью категорий товаров.


screen-219.png


  1. Перейдите в настройки виджета, кликнув на символ шестеренки, который появится при наведении. Объедините нужные изображения в один ряд, используя иконку Склеить фото.


screen-223.png


ВАЖНО: настроить категории таким способом возможно только для галереи вида лентой.


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


screen-310.png


Обратите внимание, что для добавления ссылки, необходимо выбрать тип ссылки Внешняя ссылка и задать ссылку вручную. Ссылка на категорию всегда состоит из двух частей: из адреса страницы вашего магазина и адреса категории. Пример: /shop/babochki


ВАЖНО: указывайте ссылку на категорию без доменного имени, в начале ссылки должен быть символ /. Пример: /shop/babochki


Screenshot-421.png


  1. Укажите таким же образом ссылки для остальных изображений.


  1. Настройте внешнее оформление виджета во вкладке Оформление.


Screenshot-422.png


  1. Сохраните настройки виджета и всей страницы.



Добавление категорий при помощи готовых блоков


  1. Нажмите на кнопку Выберите готовый блок.


screen-220.png


  1. В открывшейся библиотеке найдите подходящий блок и кликните на него, чтобы блок появился на странице.


Screenshot-424.png


  1. Перейдите в настройки виджета, кликнув на символ шестеренки, который появится при наведении. Замените изображение на ваше.


screen-221.png


  1. Не закрывая окна с настройками, добавьте для фото ссылку на нужную категорию товара. Обратите внимание, что вам нужно выбрать тип ссылки Внешняя ссылка и задать адрес вручную. Ссылка на категорию состоит из двух частей: из адреса страницы вашего магазина и адреса категории. Пример: /shop/babochki


screen-311.png


ВАЖНО: указывайте ссылку на категорию без доменного имени, в начале ссылки должен быть символ /. Пример: /shop/babochki


Screenshot-421.png


  1. Замените таким образом все картинки и добавьте к ним ссылки. Также измените заголовки и подписи к фото на ваши.


  1. Сохраните настройки.

Последнее изменение: 24/03/2026

Была ли эта статья полезна?

Поделиться отзывом

Отменить

Спасибо!