> ## 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-1034_12rz5uc.png)

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

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

3. Меняйте порядок элементов в списке, зажав иконку стрелок в углу строки:

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

||| ${color}[#f97700](Важно:) вы можете перемещать элементы списка только в пределах того блока, к которому они добавлены.

### Изменение вида строк в списке

После того, как вы добавили блок со списком, вы можете отредактировать вид его строк — удалить или добавить отступы между ними, убрать границы и так далее.  

1. Чтобы открыть настройки списка, наведите на строку в нём и нажмите на «бегунок» в правом верхнем углу:

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

2. Во вкладке **Вид** вы сможете изменить расстояние между строчками или настроить выравнивание содержимого в них. Кроме того, вы можете установить отступы и изменить стиль списка — будут ли границы применяться к списку:

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

Имейте в виду, что ширину списка в блоке на данный момент изменить нельзя.  

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

### Изменение фона строк в списке

1. Чтобы открыть настройки элементов списка, наведите на строку в ней и нажмите на «бегунок» в правом верхнем углу:

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

2. Перейдите во вкладку **Пресеты** и выберите подходящий набор настроек для строк — основной алгоритм их раскраски — и измените цвета на предпочтительные:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1039-3_o51ipq.png)

Вот пример того, как будет выглядеть ваш список, если включить пресет градации цвета:

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

||| ${color}[#f97700](Важно:) в списке отсутствует возможность изменить цвет каждой строки индивидуально. 

### Добавление элементов в строки

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

Не забывайте о том, что все строки в списке взаимосвязаны: при добавлении элементов в одну строку списка, они будут добавляться и в остальные строки.  

1. Чтобы добавить новый контейнер с элементом в строку списка, наведите на отступ между уже существующими элементами и нажмите на появившийся «плюс»: 

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

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

2. Так, контейнеры в строку добавляются только горизонтально, но вы можете добавить элементы в контейнер как сверху, так и снизу уже существующего в нём элемента:  

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

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

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

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

Вы можете также перемещать или дублировать элементы, добавленные в строку или контейнер. Для этого обратитесь к статье [Управление элементами](https://help.weblium.com/ru/article/upravlenie-elementami-cwl3pb/).
