В Mapfolio можно сохранять собственные варианты оформления и использовать их в разных виджетах.
Сохранённый дизайн включает:
- цветовую схему;
- изменённые вручную цвета;
- стандартный и активный маркеры;
- настройку отображения вотермарки Mapfolio.
Например, можно создать отдельные дизайны для светлого и тёмного сайта, разных проектов или разных разделов одного сайта.
Где находится список дизайнов
- Откройте раздел «Виджеты».
- Нажмите на карточку нужного виджета.
- Найдите блок «4. Дизайн».
- Нажмите на поле с названием текущего дизайна.
- Откроется список сохранённых вариантов.
В этом списке можно выбрать существующий дизайн, добавить новый, переименовать или удалить ненужный вариант.
Как сохранить текущие настройки как новый дизайн
Новый дизайн создаётся на основе настроек, которые сейчас открыты в редакторе.
Это позволяет взять готовый вариант, изменить несколько цветов или маркеров и сохранить результат под новым названием.
- Выберите дизайн, который хотите использовать как основу.
- Настройте цвета, маркеры и дополнительные возможности.
- Откройте список дизайнов.
- Нажмите «Добавить новый дизайн».
- Введите название нового варианта.
- Нажмите «Сохранить дизайн».
- Убедитесь, что новое название появилось в поле выбора.
- Проверьте оформление в блоке «5. Предпросмотр».
- Нажмите общую кнопку «Сохранить» в редакторе виджета.
Как назвать новый дизайн
Название должно помогать быстро понять, где и для чего используется оформление.
Хорошие примеры:
- Светлый дизайн для главной;
- Тёмный дизайн каталога;
- Зелёные маркеры;
- Фирменные цвета компании;
- Дизайн карты магазинов;
- Летняя палитра.
Неудачные примеры:
- Новый дизайн;
- Вариант;
- Тест;
- Дизайн #8.
Такие названия ничего не объясняют, особенно если вариантов станет много.
Как создать копию существующего дизайна
Отдельной кнопки «Создать копию» нет. Для копирования используется действие «Добавить новый дизайн».
Новый вариант получает текущие настройки выбранного дизайна.
- Выберите исходный дизайн.
- Откройте список дизайнов.
- Нажмите «Добавить новый дизайн».
- Укажите новое название.
- Нажмите «Сохранить дизайн».
- Измените цвета или маркеры нового варианта.
- Проверьте результат.
- Нажмите общую кнопку «Сохранить».
Исходный дизайн при этом останется без изменений.
Изменение сохранённого дизайна
Чтобы изменить существующий дизайн:
- Выберите его в списке.
- Измените нужные цвета, маркеры или дополнительные настройки.
- Проверьте результат в предпросмотре.
- Нажмите общую кнопку «Сохранить».
Изменения будут записаны в выбранный вариант дизайна.
Как применить сохранённый дизайн к другому виджету
- Откройте другой виджет.
- Перейдите к блоку «4. Дизайн».
- Нажмите на название текущего дизайна.
- Выберите нужный сохранённый вариант.
- Проверьте, как изменилось оформление.
- Нажмите общую кнопку «Сохранить».
После сохранения оба виджета будут использовать один вариант дизайна.
Когда использовать один дизайн для нескольких виджетов
Общий дизайн удобен, если виджеты должны выглядеть одинаково.
Например:
- несколько карт находятся на одном сайте;
- на всех картах используются фирменные цвета компании;
- во всех виджетах должны быть одинаковые маркеры;
- оформление нужно менять одновременно во всех местах.
В таком случае достаточно изменить один дизайн, а не настраивать каждый виджет отдельно.
Когда лучше создавать отдельный дизайн
Создайте отдельный вариант, если:
- виджеты находятся на сайтах с разным оформлением;
- для одного виджета нужны другие маркеры;
- одна карта размещена на светлом фоне, а другая — на тёмном;
- вы хотите проверить новые цвета, не меняя действующие виджеты;
- оформление должно меняться независимо.
| Ситуация | Что выбрать | Результат |
|---|---|---|
| Все виджеты должны выглядеть одинаково | Один общий дизайн | Изменения применяются ко всем связанным виджетам |
| Нужно изменить только один виджет | Новый дизайн | Остальные виджеты не изменяются |
| Нужно проверить новую палитру | Копия текущего дизайна | Исходный вариант остаётся прежним |
| Виджеты размещены на разных сайтах | Отдельный дизайн для каждого сайта | Цвета можно менять независимо |
Переименование дизайна
Название дизайна можно изменить без изменения его цветов и маркеров.
- Откройте список дизайнов.
- Найдите нужный вариант.
- Нажмите кнопку с карандашом «Переименовать дизайн».
- Введите новое название.
- Нажмите «Переименовать».
- Нажмите общую кнопку «Сохранить» в редакторе виджета.
Удаление сохранённого дизайна
Ненужный вариант можно удалить с помощью кнопки с изображением корзины.
Перед удалением Mapfolio покажет предупреждение и сообщит, какой дизайн будет использован вместо удаляемого.
- Откройте список дизайнов.
- Найдите ненужный вариант.
- Нажмите кнопку с корзиной «Удалить дизайн».
- Прочитайте предупреждение.
- Проверьте, на какой дизайн будут переведены связанные виджеты.
- Если всё правильно, нажмите «Удалить дизайн».
- Нажмите общую кнопку «Сохранить».
Что сохраняется внутри варианта дизайна
| Настройка | Сохраняется в дизайне |
|---|---|
| Готовая цветовая схема | Да |
| Цвет обычного маркера | Да |
| Цвет активного маркера | Да |
| Цвет кластеров | Да |
| Цвета текста, кнопок и подложки | Да, если доступны в выбранной схеме |
| Собственный стандартный SVG-маркер | Да |
| Собственный активный SVG-маркер | Да |
| Отображение вотермарки Mapfolio | Да |
| Размер виджета | Нет |
| Настройки мобильного блока-превью | Нет |
| Текст и фон блока-превью | Нет |
| Поиск, тень и скругление | Нет |
Почему изменения ещё не появились на сайте
Если новый дизайн появился в редакторе, но на сайте ничего не изменилось, скорее всего, не была нажата общая кнопка «Сохранить».
Проверьте:
- Выбран ли нужный дизайн.
- Сохранён ли новый вариант под собственным названием.
- Нажата ли общая кнопка «Сохранить».
- Обновлена ли страница сайта с виджетом.
Повторно устанавливать код виджета не нужно.
Безопасный способ создать новый вариант
- Откройте виджет.
- Выберите дизайн, который будет основой.
- Нажмите «Добавить новый дизайн».
- Укажите новое понятное название.
- Нажмите «Сохранить дизайн».
- Убедитесь, что выбран именно новый вариант.
- Измените его цвета и маркеры.
- Проверьте оформление в предпросмотре.
- Нажмите общую кнопку «Сохранить».
- Откройте сайт и проверьте результат.
Так исходный дизайн и связанные с ним виджеты останутся без изменений.
Частые проблемы
| Проблема | Возможная причина | Что сделать |
|---|---|---|
| Новый дизайн исчез после выхода | Не нажата общая кнопка «Сохранить» | Повторно создать вариант и сохранить виджет |
| Изменились сразу несколько виджетов | Они используют один дизайн | Создать отдельный вариант для нужного виджета |
| Не удаётся сохранить название | Такое название уже используется | Указать другое название |
| Нельзя удалить дизайн | Это единственный сохранённый вариант | Сначала создать ещё один дизайн |
| После удаления изменились другие виджеты | Они использовали удалённый дизайн | Выбрать для них подходящий сохранённый вариант |
| Цвета нового варианта совпадают со старым | Новый дизайн создан как копия текущего | Изменить цвета или маркеры нового варианта |
| На сайте осталось старое оформление | Изменения не сохранены или страница не обновлена | Сохранить виджет и обновить страницу |
Что проверить перед сохранением
- Выбран нужный вариант дизайна.
- Новому дизайну присвоено понятное уникальное название.
- Изменения не должны затронуть другие виджеты.
- При необходимости создан отдельный дизайн.
- Цвета и маркеры проверены в предпросмотре.
- Перед удалением прочитано предупреждение.
- Понятно, какой дизайн заменит удаляемый вариант.
- После всех действий нажата общая кнопка «Сохранить».