> ## 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).

# Відображення товарів у 2 стовпчика на мобільній версії сайту

Правильне розташування товарів на мобільній версії сайту відіграє ключову роль у поліпшенні користувацького досвіду. Розміщення товарів у два стовпчики може підвищити зручність покупок, оскільки покупці бачитимуть більше товарів одночасно. Водночас, якщо необхідно, щоб кожне зображення товару на екрані смартфону було більшого розміру в списку товарів, ви можете відобразити товари у одній колонці.


Відображати по 2 товари у кожному рядку можливо у наступних розділах/блоках вашого сайту:

1. [Домашня сторінка магазину](#3-1-domashnya-storinka-magazinu)
2. [Сторінка категорії](#3-2-storinka-kategoriyi) 
3. [Блоки “Storefront” та “Category list”](#3-3-bloki-storefront-ta-category-list)
4. [Блок “Products” (елементи колекції)](#3-4-blok-products-elementi-kolekciyi)

Перед тим, як змінювати відображення товарів на мобільних пристроях, необхідно перемкнутися на [редактор мобільної версії сайту](https://help.weblium.com/uk/article/redaguvannya-mobilnoyi-versiyi-sajtu-ablrxd/). Це можна можна зробити натиснувши на іконку мобільного телефону, як зверху редактору, так і безпосереднього у налаштуваннях того чи іншого елементу:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/vidobrazhennya-tovariv-u-2-sto_55mhzw.png)

### 1. Домашня сторінка магазину

Відкрийте список сторінок сайту, перейдіть до вкладки **Магазин** та натисніть на пункт **Домашня сторінка**. Натисніть на елемент **Налаштування товарів в категорії** (елемент з прикладами товарів) та виберіть відображення двох **Елементів у рядку** для мобільної версії сайту:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/vidobrazhennya-tovariv-u-2-sto_1p9nast.png)
| ${color}[#1aa900](Підказка:) Ви можете задати проміжок (відступ) між колонками у 15 або 30 пікселів.

### 2. Сторінка категорії 

Відкрийте список сторінок сайту, перейдіть до вкладки **Магазин** — **Сторінка категорії** і аналогічно до попереднього розділу відкрийте **Налаштування товарів в категорії** та виберіть відображення двох **Елементів у рядку** для мобільної версії сайту:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/vidobrazhennya-tovariv-u-2-sto_1qh26xw.png)

|| ${color}[#ffa800](Примітка:) аналогічним чином можна змінити відображення для планшету, при цьому можна вибирати кількість товарів у рядку від 1 до 4.

### 3. Блоки “Storefront” та “Category list”

За замовчуванням усі товари розташовуються на домашній сторінці магазину, але ви також можете додати блок з магазином на інші сторінки сайту. Як додати такі блоки, ви можете дізнатись у статті [Додавання блоку з Вашим Магазином на сторінку](https://help.weblium.com/uk/article/dodavannya-bloku-z-vashim-magazinom-na-storinku-1hvarne/)

1. Для блоку **Storefront** перейдіть до **Налаштування вітрини товарів**, натиснувши на “шестерню” посередині елементу, та виберіть відображення двох **Елементів у рядку**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/vidobrazhennya-tovariv-u-2-sto_k1wi6o.png)

2. Аналогічно для блоку **Category list** — перейдіть до **Налаштування вітрини товарів** та виберіть відображення двох **Елементів у рядку**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/vidobrazhennya-tovariv-u-2-sto_17snz62.png)

### 4. Блок “Products” (елементи колекції)

У блоці **Products** наведіть на будь-який елемент колекції перейдіть до **Налаштування колекції**, натиснувши на “шестерню” у правому верхньому куті елементу колекції. Після цього аналогічно до попередніх розділів виберіть відображення двох **Елементів у рядку**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/vidobrazhennya-tovariv-u-2-sto_1jr4q5u.png)

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


[Опублікуйте сайт](https://help.weblium.com/uk/article/publikaciya-sajtu-16hom55/), щоб зміни набули чинності.