Настройки элементов списка
Некоторые блоки на 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 строки. Если у вас на сайте достаточно информации, которую вы хотите поместить в список, мы рекомендуем вам добавить новые строки, чтобы лучше распределить содержимое.
Для этого наведите курсор мыши на уже существующую строку в списке и нажмите Элемент списка в правом нижнем углу:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1034_12rz5uc.png)
Вы можете дублировать или удалить строки, нажав на три точки в правом верхнем углу:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1035_r51ob4.png)
Меняйте порядок элементов в списке, зажав иконку стрелок в углу строки:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1036_1p1ewmu.png)
Важно: вы можете перемещать элементы списка только в пределах того блока, к которому они добавлены.
После того, как вы добавили блок со списком, вы можете отредактировать вид его строк — удалить или добавить отступы между ними, убрать границы и так далее.
Чтобы открыть настройки списка, наведите на строку в нём и нажмите на «бегунок» в правом верхнем углу:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1037_1o3vywp.png)
Во вкладке Вид вы сможете изменить расстояние между строчками или настроить выравнивание содержимого в них. Кроме того, вы можете установить отступы и изменить стиль списка — будут ли границы применяться к списку:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1038_10ob4zo.png)
Имейте в виду, что ширину списка в блоке на данный момент изменить нельзя.
Важно: изменения во вкладке Вид, которые вы применяете к одной строке в списке, будут автоматически применяться ко всему списку, поэтому если вы измените выравнивание содержимого или отступы в настройках, они также будут изменены в других строках.
Чтобы открыть настройки элементов списка, наведите на строку в ней и нажмите на «бегунок» в правом верхнем углу:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1037_1o3vywp.png)
Перейдите во вкладку Пресеты и выберите подходящий набор настроек для строк — основной алгоритм их раскраски — и измените цвета на предпочтительные:
![](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)
Важно: в списке отсутствует возможность изменить цвет каждой строки индивидуально.
Каждая строка в списке состоит из контейнеров, куда можно добавлять все доступные в галерее элементы — картинки, кнопки, текст и прочее. Контейнеры в списке не могут существовать без элемента в нем, поэтому они не отображаются в редакторе по умолчанию. Количество элементов, которые могут быть добавлены в контейнер, не ограничено.
Не забывайте о том, что все строки в списке взаимосвязаны: при добавлении элементов в одну строку списка, они будут добавляться и в остальные строки.
Чтобы добавить новый контейнер с элементом в строку списка, наведите на отступ между уже существующими элементами и нажмите на появившийся «плюс»:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1040_hrpd48.png)
Важно: максимальное количество контейнеров в строке — 8, минимальное — 2.
Так, контейнеры в строку добавляются только горизонтально, но вы можете добавить элементы в контейнер как сверху, так и снизу уже существующего в нём элемента:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1041_3bgoww.png)
Вы также можете регулировать ширину контейнеров с помощью разделителей, которые находятся рядом с ними. Для этого наведите мышку на пустое пространство между контейнерами, нажмите на разделитель и потяните его в нужную сторону:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1042_11kqptb.png)
Важно: разделители, позволяющие изменить ширину контейнеров, появляются в списке только при условии, что в строке добавлено 4 или меньше элементов. Если в строке добавлено больше 4 элементов, все контейнеры принимают одинаковую ширину.
Вы можете также перемещать или дублировать элементы, добавленные в строку или контейнер. Для этого обратитесь к статье Управление элементами.
Элементы списка выстраиваются на странице горизонтально и помогают вам структурировать её содержимое. Так, если у вас есть большой объем похожей информации — например, описание подписок, услуг, список открытых вакансий — вы можете быстро и легко организовать их с помощью элементов списка. Приведённая информация станет более доступной для пользователей, а вы в свою очередь сможете без труда сохранить единый дизайн сайта.
Вот отличный пример того, как могут быть использованы списки:
![](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 строки. Если у вас на сайте достаточно информации, которую вы хотите поместить в список, мы рекомендуем вам добавить новые строки, чтобы лучше распределить содержимое.
Для этого наведите курсор мыши на уже существующую строку в списке и нажмите Элемент списка в правом нижнем углу:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1034_12rz5uc.png)
Вы можете дублировать или удалить строки, нажав на три точки в правом верхнем углу:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1035_r51ob4.png)
Меняйте порядок элементов в списке, зажав иконку стрелок в углу строки:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1036_1p1ewmu.png)
Важно: вы можете перемещать элементы списка только в пределах того блока, к которому они добавлены.
Изменение вида строк в списке
После того, как вы добавили блок со списком, вы можете отредактировать вид его строк — удалить или добавить отступы между ними, убрать границы и так далее.
Чтобы открыть настройки списка, наведите на строку в нём и нажмите на «бегунок» в правом верхнем углу:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1037_1o3vywp.png)
Во вкладке Вид вы сможете изменить расстояние между строчками или настроить выравнивание содержимого в них. Кроме того, вы можете установить отступы и изменить стиль списка — будут ли границы применяться к списку:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1038_10ob4zo.png)
Имейте в виду, что ширину списка в блоке на данный момент изменить нельзя.
Важно: изменения во вкладке Вид, которые вы применяете к одной строке в списке, будут автоматически применяться ко всему списку, поэтому если вы измените выравнивание содержимого или отступы в настройках, они также будут изменены в других строках.
Изменение фона строк в списке
Чтобы открыть настройки элементов списка, наведите на строку в ней и нажмите на «бегунок» в правом верхнем углу:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1037_1o3vywp.png)
Перейдите во вкладку Пресеты и выберите подходящий набор настроек для строк — основной алгоритм их раскраски — и измените цвета на предпочтительные:
![](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)
Важно: в списке отсутствует возможность изменить цвет каждой строки индивидуально.
Добавление элементов в строки
Каждая строка в списке состоит из контейнеров, куда можно добавлять все доступные в галерее элементы — картинки, кнопки, текст и прочее. Контейнеры в списке не могут существовать без элемента в нем, поэтому они не отображаются в редакторе по умолчанию. Количество элементов, которые могут быть добавлены в контейнер, не ограничено.
Не забывайте о том, что все строки в списке взаимосвязаны: при добавлении элементов в одну строку списка, они будут добавляться и в остальные строки.
Чтобы добавить новый контейнер с элементом в строку списка, наведите на отступ между уже существующими элементами и нажмите на появившийся «плюс»:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1040_hrpd48.png)
Важно: максимальное количество контейнеров в строке — 8, минимальное — 2.
Так, контейнеры в строку добавляются только горизонтально, но вы можете добавить элементы в контейнер как сверху, так и снизу уже существующего в нём элемента:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1041_3bgoww.png)
Вы также можете регулировать ширину контейнеров с помощью разделителей, которые находятся рядом с ними. Для этого наведите мышку на пустое пространство между контейнерами, нажмите на разделитель и потяните его в нужную сторону:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1042_11kqptb.png)
Важно: разделители, позволяющие изменить ширину контейнеров, появляются в списке только при условии, что в строке добавлено 4 или меньше элементов. Если в строке добавлено больше 4 элементов, все контейнеры принимают одинаковую ширину.
Вы можете также перемещать или дублировать элементы, добавленные в строку или контейнер. Для этого обратитесь к статье Управление элементами.
Обновлено на: 05/12/2023
Спасибо!