> ## 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-1022_1vdexlg.png)

Аби додати список на своєму сайті, виберіть його з нашої галереї блоків — ви можете знайти його в таких блоках, як **wireframe-series-3-pricing**, **wireframe-series-1-partners**, **wireframe-series-17-projects** тощо. Дотримуйтесь наведених нижче вказівок, щоб побачити, як можна налаштовувати елементи списку.

### Додавання нового рядка до списку

За замовчуванням більшість блоків зі списками містять 3-4 рядки. Якщо у вас є значна кількість інформації, яку ви хочете розмістити у списку, ми рекомендуємо додати більше рядків. Таким чином, інформація на сайті буде більш структурованою. 

1. Для цього наведіть курсор на наявний елемент у колекції та натисніть **Елемент списку** у нижньому правому куті:

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

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

2. Ви можете продублювати або видалити елементи, натиснувши на три крапки у верхньому правому куті:

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

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

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

|| ${color}[#ffa800](Примітка:) ви можете переміщувати елементи списку лише в межах блоку, в якому вони розташовані.

### Зміна вигляду рядків у списку

Після того, як ви додали блок зі списком, ви можете редагувати оформлення його рядків — видаляти або додавати відступи між ними, видаляти межі тощо.

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

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

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

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

Зверніть увагу, що наразі немає можливості змінити ширину списку.

||| ${color}[#f97700](Важливо:) пам’ятайте, що зміни у вкладці **Вигляд**, зроблені в одному елементі списку, автоматично застосовуються до інших — отже, якщо ви зміните вирівнювання вмісту або відступи в налаштуваннях, вони зміняться в інших елементах списку так само.

### Зміна фону рядків списку

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

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

2. Відкрийте вкладку **Пресети** та виберіть відповідний пресет — основний алгоритм їхнього забарвлення — та змініть кольори на ті, яким віддаєте перевагу:

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

Ось приклад того, як може виглядати ваш список із заданою **Градацією кольорів**:

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

|| ${color}[#ffa800](Примітка:) поки що немає можливості встановити окремий колір для кожного рядка у списку.

### Додавання елементів до списку

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

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

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

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

||| ${color}[#f97700](Важливо:) максимальна кількість контейнерів підряд — 8, мінімальна — 2. 

2. Після того, як ви додали елемент до пункту списку, ви можете доповнити його іншими елементами, натиснувши знак «плюс» біля певного розділу:

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

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

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

||| ${color}[#f97700](Важливо:) роздільники, що дозволяють змінювати ширину контейнерів, з’являються лише в тому випадку, якщо в контейнері є 4 або менше елементів. Якщо до рядка додати більше 4 елементів, усі поля матимуть однакову ширину.

Ви також можете переміщувати або дублювати елементи у пунктах списку. Про те, як це зробити, йдеться у цій статті [Керування елементами](https://help.weblium.com/uk/article/keruvannya-elementami-1ok28k/).