Поиск, тень, скругление и другие параметры

В редакторе виджета можно изменить не только его размер и способ открытия. В разделе «Глобальные параметры» настраиваются поиск и внешний вид блока на сайте.

Эти параметры применяются одновременно к мобильной и десктопной версиям виджета.

1. Откройте раздел «Виджеты».
2. Нажмите на карточку нужного виджета.
3. В редакторе найдите блок «3. Параметры».
4. Прокрутите настройки мобильных и десктопных устройств.
5. Найдите раздел «Глобальные параметры».

В этом разделе можно скрыть поиск, добавить тень и настроить скругление углов.

Поиск помогает посетителю быстрее найти нужную точку в виджете. Это особенно полезно, если на карте опубликовано много объектов.

Чтобы убрать строку поиска, включите параметр «Скрыть поиск».

Если параметр выключен, поиск отображается в виджете.

Оставьте поиск видимым, если:

• на карте находится много точек;
• посетители будут искать конкретный объект;
• у точек есть понятные названия;
• виджет используется как каталог адресов;
• посетителю сложно найти объект только по карте.

Например, поиск пригодится для карты магазинов, офисов, жилых комплексов или выполненных проектов.

Поиск можно скрыть, если:

• на карте опубликовано несколько точек;
• все объекты помещаются в видимой области;
• посетители выбирают объекты с помощью фильтров;
• карта используется только для демонстрации расположения;
• строка поиска занимает слишком много места в небольшом виджете.

Тень визуально отделяет виджет от фона страницы. Она может быть почти незаметной или более выраженной.

Для настройки тени доступны следующие параметры:

• «Цвет тени»;
• «Непрозрачность»;
• «Размытие»;
• «Смещение X»;
• «Смещение Y».

Параметр «Цвет тени» определяет цвет области вокруг виджета.

Для большинства светлых сайтов подходит чёрная или тёмно-серая тень с небольшой непрозрачностью.

Если у сайта тёмный фон, можно использовать более светлый оттенок. Главное, чтобы тень не отвлекала внимание от карты и других элементов страницы.

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

• Небольшая непрозрачность делает тень лёгкой.
• Большая непрозрачность делает тень более тёмной и выраженной.

Для начала установите небольшую непрозрачность и проверьте результат в предпросмотре.

Размытие отвечает за мягкость тени.

• При небольшом размытии границы тени выглядят чёткими.
• При большом размытии тень становится мягкой и занимает больше места вокруг виджета.

Мягкая тень обычно лучше подходит для карточек и блоков со скруглёнными углами.

Параметр «Смещение X» перемещает тень по горизонтали.

• Положительное значение сдвигает тень вправо.
• Отрицательное значение сдвигает тень влево.
• Нулевое значение оставляет тень без горизонтального смещения.

Параметр «Смещение Y» перемещает тень по вертикали.

• Положительное значение сдвигает тень вниз.
• Отрицательное значение сдвигает тень вверх.
• Нулевое значение оставляет тень без вертикального смещения.

Чаще всего тень немного смещают вниз, чтобы блок выглядел приподнятым над страницей.

1. Выберите тёмный цвет тени.
2. Установите небольшую непрозрачность.
3. Добавьте размытие.
4. Оставьте небольшое смещение по вертикали.
5. Проверьте результат в блоке «5. Предпросмотр».
6. Если тень слишком заметна, уменьшите непрозрачность.
7. Если края тени слишком резкие, увеличьте размытие.

Скругление изменяет форму углов виджета.

Небольшое значение делает углы слегка закруглёнными. При увеличении значения углы становятся круглее.

Для настройки используется параметр «Значение скругления».

Ориентируйтесь на внешний вид остальных элементов сайта:

• если кнопки, фотографии и карточки имеют прямые углы, оставьте небольшое скругление или уберите его;
• если на сайте используются округлые карточки, выберите похожее скругление для виджета;
• если виджет размещён внутри другого блока, проверьте, чтобы их углы сочетались.

Тень и скругление можно использовать одновременно.

Например, виджет со скруглёнными углами и мягкой тенью будет выглядеть как отдельная карточка, расположенная поверх страницы.

При этом параметры выполняют разные задачи:

• скругление изменяет форму углов;
• тень отделяет виджет от фона;
• непрозрачность определяет заметность тени;
• размытие делает тень мягче;
• смещение меняет её положение.

Если для мобильного или десктопного устройства включён блок-превью, глобальные настройки внешнего вида применяются и к нему.

Это означает, что обложка виджета также может иметь:

• тень;
• скруглённые углы;
• выбранное визуальное оформление.

Поиск становится доступен после открытия самой карты. Если включён параметр «Скрыть поиск», строка поиска не будет показана и в открытой карте.

1. Найдите блок «5. Предпросмотр».
2. Выберите просмотр для компьютера.
3. Проверьте строку поиска.
4. Посмотрите, не слишком ли заметна тень.
5. Проверьте форму углов.
6. Переключитесь на просмотр для телефона.
7. Повторно проверьте все элементы.
8. При необходимости вернитесь к глобальным параметрам.
9. Исправляйте по одному значению за раз, чтобы понимать, что именно изменилось.
10. После завершения нажмите «Сохранить».

• Решено, нужен ли посетителям поиск.
• Поиск проверен на мобильной и десктопной версиях.
• Цвет тени сочетается с фоном сайта.
• Тень не выглядит слишком тёмной.
• Размытие не занимает слишком много места.
• Смещение тени выглядит аккуратно.
• Скругление соответствует оформлению сайта.
• Виджет проверен в блоке «5. Предпросмотр».
• После проверки нажата кнопка «Сохранить».