> ## 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 дозволяє додати готовий блок із вкладками або включити режим вкладок у деяких наявних блоках.

Ось чудовий приклад блока з вкладками:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1056-4_1f3i9qr.png)

${youtube}[Вкладки в блоці колекції](AFbE1oiAkGs)

### Додавання блоків із вкладками 

1. Щоб додати блок із вкладками, відкрийте галерею блоків та оберіть відповідний блок:

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

2. Наведіть курсором на вміст блоку та натисніть на «шестерню», щоб перейти до **Налаштувань колекції**. У новому вікні перейдіть до вкладки **Режими** та оберіть тип, кількість та вирівнювання вкладок:

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

| ${color}[#1aa900](Підказка:) для подальшого налаштування вигляду вашого блока, виконайте інструкцію в статті [Зміна дизайну блоку](https://help.weblium.com/uk/article/zmina-dizajnu-bloku-1tpp5tl/).

### Увімкнення режиму вкладок у наявних блоках

Деякі блоки в нашій галереї можуть містити набір цілком взаємопов'язаних елементів, зібраних у колекції. Кожен елемент колекції зберігає ту саму структуру, що й інші — якщо ви видалите кнопку з одного елемента колекції, її буде автоматично видалено з кожного елемента.

Блоки колекції можна переналаштувати в блоки з вкладками.

${youtube}[Вкладки в колекції](GNYO5ewFL7c)

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

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

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

2. У новому вікні перейдіть до вкладки **Режими** та увімкніть **Вкладки**:

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

3. Тут ви можете змінити тип, кількість та вирівнювання вкладок, а також встановити акцентний колір:

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

|| ${color}[#ffa800](Примітка:) максимальна кількість вкладок — 8. Допустимий розмір іконок у назві вкладок — 40x40 пікселів.

### Керування вкладками та їх елементами

1. Щоб перейменувати вкладку, натисніть на її назву, виділіть її та вкажіть нову назву:

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

| ${color}[#1aa900](Підказка:) ви можете переключатися між вкладками, натискаючи на їх назви.

2. Наведіть на елемент колекції та натисніть на іконку з трьома стрічками, щоб увійти до налаштувань вкладок:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1109_cst62s.png)

3. У новому вікні ви можете перетягувати вкладки, щоб змінити їх порядок, а також дублювати, видаляти та приховувати вкладки:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1110_ultb90.png)

4. Щоб перемістити елементи в межах однієї вкладки, наведіть курсором на елемент і перетягніть його у потрібне місце:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1111_apkcqv.png)

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

