> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.support-vigbo.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

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

${frame}[](https://player.vimeo.com/video/289435667?title=0&byline=0&portrait=0)

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

![screen-216.png](https://storage.crisp.chat/users/helpdesk/website/-/7/5/9/7/75971e35b1d25800/b41499b3-059d-4188-bb12-90f58a_13s2jdq.png)

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

---

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

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

![screen-218.png](https://storage.crisp.chat/users/helpdesk/website/-/8/f/5/8/8f583643d122d800/6d52b25b-328b-45a7-8dfc-ebe6c8_i7z42h.png)

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

![screen-219.png](https://storage.crisp.chat/users/helpdesk/website/-/1/7/2/e/172e07d6da2d7f00/1cea1270-9542-4a3c-8e7a-65c551_zpji1i.png)

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

![screen-223.png](https://storage.crisp.chat/users/helpdesk/website/-/c/5/7/2/c57282ee9a5dd800/c5c4119c-25d3-48ea-964a-0b8c28_1ogtnu7.png)

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

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

![screen-310.png](https://storage.crisp.chat/users/helpdesk/website/-/c/7/0/4/c704ed7b208a1000/23e6f530-287a-4d90-aeca-1cbaf2_7fmlcs.png)

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

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

![Screenshot-421.png](https://storage.crisp.chat/users/helpdesk/website/-/b/f/7/a/bf7a5e064cbc7000/4803e7a7-bdc1-40c9-834c-bb19c8_1j20c6l.png)

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

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

![Screenshot-422.png](https://storage.crisp.chat/users/helpdesk/website/-/b/0/0/7/b007eff67bf32800/e9c0b785-1502-472a-89a0-0e1db0_222zvj.png)

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

---

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

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

![screen-220.png](https://support.vigbo.tech/hc/article_attachments/4409689972242/screen-220.png)

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

![Screenshot-424.png](https://support.vigbo.tech/hc/article_attachments/4403639312658/Screenshot-424.png)

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

![screen-221.png](https://support.vigbo.tech/hc/article_attachments/4409685106578/screen-221.png)

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

![screen-311.png](https://support.vigbo.tech/hc/article_attachments/6196834203420)

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

![Screenshot-421.png](https://support.vigbo.tech/hc/article_attachments/4403634524434/Screenshot-421.png)

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

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