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

# Зміна дизайну домашньої сторінки Вашого Магазину

Weblium автоматично створює домашню сторінку магазину, на якій розміщуються категорії і товари. Ви можете відкрити цю сторінку, додавши _/shop_ в кінець домену (наприклад, _yoursite.com/shop_) або перейшовши за посиланням в налаштуваннях категорій магазину:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/skrin-1_at7968.png)

Ви можете кастомізувати домашню сторінку магазину на свій розсуд — наприклад, додати чи видалити блоки або перекласти елементи на іншу мову.

### 1. Доступ до домашньої сторінки магазину

1. Відкрийте редактор сайту, на якому ви хочете редагувати домашню сторінку вашого магазину.
2. Під розділом **Мої сайти** натисніть на домашню сторінку сайту, перейдіть до вкладки **Магазин**, що нижче, та оберіть **Домашня сторінка**:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/dom-stor-ukr_ru731b.png)

### 2. Налаштування наявних блоків та елементів на сторінці 

1. Натисніть на шестерню елемента, щоб його налаштувати. Наприклад, у налаштуваннях категорій чи підкатегорій ви можете змінити проміжок (відступи) між картками:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/skrin-3_j31owz.png)

2. У налаштуваннях елемента товарів ви можете змінити проміжок між ними, а також встановити бажану кількість карток товарів у рядку. Окрім цього, ви можете вибрати, яку інформацію про товар відображати::

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

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

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/skrin-5-gotovyj_nf5gv8.png)

4. Також, у вкладці **Просунуті** ви можете додати CSS-класи до блоку:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/skrin-4_1obx30p.png)

З детальною інструкцією про додавання класів ви можете ознайомитись [тут](https://help.weblium.com/uk/article/dodavannya-css-klasiv-do-elementiv-14y89t9/). 

### 3. Додавання нових блоків і елементів на домашню сторінку магазину

Як і будь-яка інша сторінка в редакторі, домашня сторінка магазину надає можливість додавати/ ховати/ видаляти елементи і блоки. Відповідні статті ви знайдете нижче:

[Додавання блоків](https://help.weblium.com/uk/article/dodavannya-blokiv-11jpok5/)
[Приховування блоку на сторінці](https://help.weblium.com/uk/article/prihovuvannya-bloku-na-storinci-d3r91j/)
[Додавання елементів](https://help.weblium.com/uk/article/dodavannya-elementiv-1ebqukm/)