> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.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).

# Добавление и редактирование товарных блоков

После создания товаров в интернет-магазине нужно решить, где же отображать их на опубликованном сайте. По умолчанию все товары располагаются на [домашней странице магазина](https://help.weblium.com/ru/article/otobrazhenie-tovarov-na-domashnej-stranice-magazina-1q2kiwm/), но вы также можете добавить блок с магазином на существующую страницу сайта.

У нас есть 3 типа блоков для этих целей: 

1. [Category list](#3-1-blok-s-vkladkami-category-list) — блок с вкладками, чтобы отображать несколько категорий товаров.
2. [Products](#3-2-blok-products) — блок с несколькими карточками, в которых будут отображаться отдельные товары.
3. [Storefront](#3-3-blok-storefront) — блок-витрина для определённой категории.

Для того, чтобы добавить эти блоки, нажмите на «плюс» в редакторе:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1072-1_5v0203.png)

А теперь откройте раздел **Магазин**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_15k4ob.png)

Вы увидите 3 блока, и ниже мы расскажем о каждом из них.

### 1. Блок с вкладками Category list

Блок **Category list** позволяет вам отображать несколько разных категорий в магазине удобным способом, с помощью вкладок.

|| ${color}[#ffa800](Примечание:) если вы ещё не создали категории в магазине, это можно будет сделать по инструкциям в статье [Создание категорий товаров в интернет-магазине](https://help.weblium.com/ru/article/sozdanie-kategorij-tovarov-v-internet-magazine-1essrx1/).

1. Для того, чтобы выбрать категорию для каждой вкладки, нажмите на иконку шестерёнки:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_1hhequ.png)
  
2. Нажмите на выпадающий список **Выбрать категорию** и отметьте галочкой те категории, которые вы хотите отображать в одной вкладке:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_1bpukll.png)

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

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_1ifpt6u.png)

4. Повторите эти же настройки для всех остальных вкладок.

| ${color}[#1aa900](Подсказка:) если вы хотите добавить/ удалить вкладки, переименовать их либо добавить цвет, для этого у нас есть отдельная статья по работе с вкладками: [Добавление блоков с вкладками](https://help.weblium.com/ru/article/dobavlenie-blokov-s-vkladkami-16dx1gy/).

### 2. Блок Products

Блок **Products** позволяет вам отображать отдельные товары из разных категорий своего магазина и в случае необходимости заменять их вручную.

1. Для того, чтобы добавить товар, перейдите в настройки карточки, кликнув на «бегунок» в левом верхнем углу: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1074-2_mcj4kh.png)

2. В новом окне во вкладке **Вид товара** выберите тот товар, который вы хотите отобразить в карточке:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1043-1_wy6a1z.png)

| ${color}[#1aa900](Подсказка:) имейте в виду, что это блок-коллекция. Элементы в коллекции имеют общие настройки и структуру, а также являются взаимозависимыми. Детальнее о коллекциях вы можете почитать в статье [Настройки элементов коллекции](https://help.weblium.com/ru/article/nastrojki-elementov-kollekcii-7pzjpm/).

### 3. Блок Storefront 

Блок **Storefront** (витрина) позволяет отображать выбранную категорию магазина на опубликованном сайте. При добавлении новых товаров в категорию, витрина будет самостоятельно наполняться без необходимости заново опубликовывать сайт. Любые изменения в карточках товаров также будут доступны на сайте моментально.

1. Для того, чтобы выбрать категорию, нажмите на блок и перейдите к его настройкам:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_p2l7ak.png)

2. В разделе **Категория** выберите категорию товаров — после этого блок самостоятельно подтянет нужные карточки товаров:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1080-5_1uxow4t.png)

3. Так же, как и в блоке Category list, в блоке Storefront вы можете настроить количество элементов в ряду, сортировку, общее количество товаров в блоке и видимость товаров, которых нет в наличии.