> ## 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-domashnyaya-stranica-magazina)
2. [Страница категории](#3-2-stranica-kategorii) 
3. [Блоки «Storefront» и «Category list»](#3-3-bloki-storefront-i-category-list)
4. [Блок «Products» (элементы коллекции)](#3-4-blok-products-elementy-kollekcii)

Перед тем, как менять отображение товаров на мобильных устройствах, необходимо переключиться на [редактор мобильной версии сайта](https://help.weblium.com/ru/article/redaktirovanie-mobilnoj-versii-sajta-1p4zsz5/). Это можно можно сделать нажав на иконку мобильного телефона, как сверху редактора, так и непосредственно в настройках того или иного элемента:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/otobrazhenie-tovarov-v-2-stolb_i8zptl.png)

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

Откройте список страниц сайта, перейдите на вкладку **Магазин** и нажмите на пункт **Домашняя страница**. Нажмите на элемент **Настройки товаров в категории** (элемент с примерами товаров) и выберите отображение двух **Элементов в ряду** для мобильной версии сайта:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/otobrazhenie-tovarov-v-2-stolb_esdvlj.png)
| ${color}[#1aa900](Подсказка:) Вы можете задать промежуток (отступ) между колонками в 15 или 30 пикселей.

### 2. Страница категории 

Откройте список страниц сайта, перейдите во вкладку **Магазин** — **Страница категории** и аналогично предыдущему разделу откройте **Настройки товаров в категории** и выберите отображение двух **Элементов в ряду** для мобильной версии сайта:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/otobrazhenie-tovarov-v-2-stolb_169wilf.png)

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

### 3. Блоки «Storefront» и «Category list»

По умолчанию все товары располагаются на домашней странице магазина, но вы также можете добавить блок с магазином на другие страницы сайта. Как добавить такие блоки, вы можете узнать в статье [Добавление и редактирование товарных блоков](https://help.weblium.com/ru/article/dobavlenie-i-redaktirovanie-tovarnyh-blokov-wgitya/).

1. Для блока **Storefront** перейдите в **Настройки витрины товаров**, нажав на «шестеренку» посередине элемента, и выберите отображение двух **Элементов в ряду**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/otobrazhenie-tovarov-v-2-stolb_g6k9nd.png)

2. Аналогично для блока **Category list** - перейдите в **Настройки витрины товаров** и выберите отображение двух **Элементов в ряду**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/otobrazhenie-tovarov-v-2-stolb_1cggphg.png)

### 4. Блок «Products» (элементы коллекции)

В блоке **Products** наведите на любой элемент коллекции и перейдите в **Настройки коллекции**, нажав на «шестеренку» в правом верхнем углу элемента коллекции. После этого аналогично предыдущим разделам выберите отображение двух **Элементов в ряду**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/otobrazhenie-tovarov-v-2-stolb_3uw6a3.png)

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


[Опубликуйте сайт](https://help.weblium.com/ru/article/publikaciya-sajta-1xvrq6l/), чтобы изменения вступили в силу.