> ## 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/uk/article/vidobrazhennya-tovariv-na-domashnij-storinci-magazinu-fw3bzg/), але ви також можете додати блок з магазином на існуючу сторінку сайту.

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

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

Аби додати ці блоки, натисніть на «плюс» в тому місці, де ви хочете їх розмістити:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1089-4_y0ad26.png)

Тепер відкрийте розділ **Магазин**:

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

Ви побачите 3 блоки, розглянемо їх.

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

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

|| ${color}[#ffa800](Примітка:) якщо ви ще не створили категорії в магазині, це можна буде зробити за інструкціями в статті [Створення категорій товарів в інтернет-магазині](https://help.weblium.com/uk/article/stvorennya-kategorij-tovariv-v-internet-magazini-yj1wql/).

1. Для того, щоб вибрати категорію для кожної вкладки, натисніть на іконку «шестерні»:

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

2. Натисніть на випадний список **Категорії** і відзначте галочкою ті, які ви хочете відображати в даній вкладці:

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

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

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

4. Повторіть ці ж налаштування для всіх інших вкладок.

| ${color}[#1aa900](Підказка:) якщо ви хочете додати/ видалити вкладки, перейменувати їх або додати колір, для цього у нас є окрема стаття по роботі з вкладками: [Додавання блоків з вкладками](https://help.weblium.com/uk/article/dodavannya-blokiv-iz-vkladkami-rmxia/).

### 2. Блок Products

Блок **Products** дозволяє вам показувати товари з різних категорій свого магазину і замінювати їх вручну.

1. Аби додати товар, перейдіть до налаштувань картки, натиснувши на «шестерню» у лівому верхньому куті:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1091-3_13xe4po.png)

2. У вкладці **Вигляд товару** оберіть товар, який хочете показати:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1092-3_q70rzs.png)

| ${color}[#1aa900](Підказка:) цей блок є колекцією і стаття про [Налаштування елементів колекції](https://help.weblium.com/uk/article/nalashtuvannya-elementiv-kolekciyi-4wu8qn/) підкаже, як з ним правильно працювати.

### 3. Блок Storefront 

Блок **Storefront** (вітрина), дозволяє показувати цілу категорію магазину на опублікованому сайті. 

1. Для того, щоб вибрати цю категорію, натисніть на «шестерню» посередині блоку:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1094-3_1etqxvd.png)

2. Оберіть категорію у вкладці **Категорія**:

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

3. Так само, як і в блоці Category list, у налаштуваннях блоку Storefront ви можете обрати загальну кількість товарів, які відображаються у блоці, їх сортування, кількість у рядку та видимість товарів, яких немає у наявності.

|| ${color}[#ffa800](Примітка:) якщо ви додаєте/ видаляєте товари з категорії в налаштуваннях магазину, блок-вітрина буде оновлюватися автоматично, щоб відображати найактуальнішу інформацію.