Магазины, рестораны, клиники и студии задаются одним и тем же вопросом: когда вы открыты? Бесплатный Виджет "Часы работы" в Мастер-аддоны для Elementor отвечает на него с помощью чистого стола часов работы, по одному ряду в день, с временем открытия и закрытия и закрытой этикеткой для выходных.
Вы устанавливаете часы каждого дня, отмечаете закрытые дни, выбираете предустановку дизайна, затем стилизуете строки и цвета в соответствии с вашим сайтом. некоторые предустановки даже соединяют стол с изображением и кнопкой бронирования. это руководство охватывает каждую настройку виджета.
Что делает виджет "Часы бизнеса" #
Виджет перечисляет семь дней недели со временем открытия и закрытия каждого дня и отмечает любой день как закрытый. Выпадающий список Design Preset меняет весь внешний вид: от простого стола до карты с заголовком, значками дня, изображением и кнопкой вызова к действию.
Он имеет три вкладки. Содержание содержит предустановку, часы работы в день и переключатели названий и значков. Стиль управляет цветами строк, текстом дня и часа, кнопкой. Продвинутый имеет обычные параметры расстояния между Элементором и видимости.
Прежде чем начать #
- WordPress с Элементор установлен и активен.
- Мастер-аддоны для Elementor установлен и активен. Новое в плагине? Видеть руководство установки.
- Время открытия и закрытия каждого дня и в какие дни вы закрыты.
Как добавить виджет "Деловые часы" #
В редакторе Elementor откройте Элементы панель и поиск Деловые часы, или прокрутите в раздел Главные дополнения (виджеты несут фиолетовый значок МА). перетащите его на вашу страницу, и он загружается со всеми семью днями, готовыми к редактированию.
Настройте часы #
Открыть Содержание вкладка. Деловые часы МА в разделе хранится предварительно установленный сборщик, несколько переключателей дисплея и список дней.
- Предварительная настройка дизайна: общая планировка (описана ниже).
- Время работы: По умолчанию используются раскрывающиеся дни и время в 30 минут шаги Пользовательский стол позволяет вводить любой день метка и время текст, который подходит для сгруппированных дней, обеденных перерывов, или “Открыть 24 часов”.
- Показать название, подзаголовок, значок дня: переключайте заголовок и небольшой значок в день.
- Дневной ретранслятор: один товар в день, с воскресенья по субботу.
- Формат и формат дней 24 часа: переключите формат времени и имена полных или коротких дней.
Нажмите на день, чтобы открыть настройки, в которых вы установите время и пометите его открытым или закрытым.
- Закрыто?: отметьте закрытый день, в котором вместо времени отображается закрытый текст.
- Часы работы и часы закрытия: время на тот день.
- Закрытый текст: этикетка для закрытых дней, например "Закрыто" или "По предварительной записи".
- Выделить: подчеркните день с собственным текстом и цветом фона. Это ручная настройка, которая не соответствует текущей дате.
Выберите предустановку дизайна #
The Предварительная настройка дизайна меняет весь макет. простой предустановка представляет собой простую таблицу, в то время как Короткие детали и два Бронирование Бронирование пресеты могут сочетать часы с изображением, а любой пресет может добавить кнопку с кнопкой "Показать"?, что хорошо подходит для ресторанов и салонов.
В других предустановках добавлена темная строка заголовка, значки дня и кнопка во всю ширину, поэтому те же часы можно читать как простой список или карту бронирования.
Стиль рядов #
Открыть Стиль вкладка и Стиль строк раздел для управления каждой строкой дня. здесь таблица получает свой цвет и интервал.
- Цвет фона и полосатые ряды: плоский цвет или чередующиеся полосы в ряд.
- Цвет значка и размер значка: значки дня с нормальными состояниями и состояниями Ховера.
- Закрытый ряд: отдельный фон, день, текст и цвет значков для закрытых дней.
- Набивка, тень коробки, разделитель рядов: расстояние и линия между рядами.
Установите фон строки, и вся таблица примет цвет, поэтому она находится в любом разделе:
Стиль дневного и часового текста #
The Деловые часы раздел на вкладке Стиль обрабатывает текст. День устанавливает цвет и типографику имени дня, и Часы делает то же самое для времени, плюс цвет значка. каждый имеет Нормальное и Наведите состояние.
Есть отдельный Стиль кнопки раздел кнопки бронирования на предустановках, включающих один.
Обычные случаи использования #
- Рестораны и кафе сочетание часов с кнопкой "Забронировать стол".
- Розничные магазины показ часов в будние и выходные дни.
- Клиники и салоны маркировка закрытых дней и мест только для записи.
- Тренажерные залы и студии листинг класса или часов доступа.
- Страницы контактов размещение времени открытия рядом с картой или формой.
Советы по работе с виджетом "Деловые часы" #
- Выделите особые дни. Переключатель Highlight привлекает внимание к празднику или позднему открытию. Обновите его вручную, поскольку он не перемещается вместе с датой.
- Четко устанавливайте закрытые дни. Стиль "Закрытый тумблер" и "Закрытый ряд" делают выходные очевидными.
- Сопоставьте предустановленное с бизнесом. Бронирование Бронирование подходит ресторанам; простой стол подходит для страницы контактов.
- Соблюдайте время постоянным. Выберите 12- или 24-часовой формат и используйте его каждый день.
- Используйте полосатые строки для длинных списков. Чередование цветов облегчает сканирование семи строк.
Смотрите видеоурок #
Предпочитаете следить за экраном? В видеоуроке ниже объясняется, как работает элемент "Часы работы", прохождение предустановленных часов в день и стиль в редакторе Elementor.
Часто задаваемые вопросы #
Что такое виджет "Часы работы" в Master Addons?
Это виджет Elementor, который показывает часы работы в виде таблицы, по одной строке в день, с временем открытия и закрытия и закрытой меткой для выходных дней. Он включает в себя предустановки дизайна, значки дня и кнопку бронирования, все они установлены на панели Elementor без кода.
Как мне отметить день как закрытый?
Щелкните день на вкладке Содержимое и включите переключатель Закрытый Затем строка показывает Ваш Закрытый Текст (как Закрытый или По Назначению) вместо времени Вы можете стилизовать закрытые строки отдельно с параметрами Закрытая строка на вкладке Стиль.
Могу ли я добавить кнопку бронирования в рабочее время?
Да. включите кнопку "Показать"? на вкладке "Содержимое" и установите "Текст кнопки", "URL-адрес ссылки" и "равнивание". Наборы бронирования бронирования сочетают часы с изображением и кнопкой. Настройка кнопки и изображения имеет свой собственный раздел "Стиль кнопки" на вкладке "Стиль", поэтому вы можете пометить и раскрасить кнопку.
Могу ли я перейти на формат 24-часового времени?
Да. на вкладке Контент есть переключатель Формат 24 часа. Включите его, чтобы отображать время, например 18:00, вместо 18:00. опция Формат дней рядом переключается между именами полных дней и короткими, такими как Mon или Sun.
Могу ли я выделить текущий день?
Не автоматически. каждый день имеет ручной переключатель Выделить, который подчеркивает эту строку, но он не меняется с датой и виджет не имеет открытого статуса сейчас. для живой заметки, расширение Pro Display Условия может показать заголовок только в определенные дни и время Вы управляете взглядом через строку и стили текста во вкладке Стиль.
Завершая #
Виджет "Часы работы" превращает время работы в чистый стол в стиле: установите часы каждого дня, отметьте закрытые дни, выберите предустановку, например "Бронирование", затем раскрасьте строки и кнопку в соответствии с ними. Чтобы узнать о связанных виджетах, см Виджет информационного ящика и Виджет "Призыв к действию", просмотр всего Виджеты и расширения Master Addgetsи посмотрите Страница виджета "Часы работы" для демо и других примеров.
