Ключевые выводы
- Прайс-лист Elementor - это список с одной ценой за строку для меню, тарифов на обслуживание и списков запчастей; это виджет, отличный от таблицы цен, в которой есть одна цена за карту.
- Виджет собственного прайс-листа Elementor является частью Elementor Pro, с заголовком, описанием, ценой и необязательным изображением на единицу товара.
- Виджет динамической таблицы Master Addons строит прайс-лист как настоящую HTML-таблицу: строку заголовка с шириной столбца, ретранслятор тела, где каждый элемент запускает новую строку, полосатые строки и адаптивный режим для телефонов.
- Виджет таблицы цен - неправильный инструмент для меню, потому что десять блюд означают десять карт, но это правильный для двух или трех пакетов услуг со списком функций в каждом.
- Цены в списке должны быть выровнены по правому краю в их собственном столбце, чтобы глаз мог их снизить, а описания должны оставаться на одной строке на каждый товар.
- Прейскурант на основе таблицы представляет собой обычный текст на странице, поэтому каждое название блюда и цена доступны для чтения поисковыми системами и устройствами чтения с экрана.
Прайс-лист "Элементора" - это список позиций с ценой на каждой строке: меню ресторана, тарифы на обслуживание салона, список запчастей мастерской, Это не таблица цен. в таблице цен одна цена за карту и продаются планы; прайс-лист имеет одну цену за строку и информирует.Элементор ставит свой виджет Прайс-листа в Элементор Про, поэтому на бесплатном плагине нужен другой маршрут.
В этом руководстве показаны три способа построить один и когда каждый подходит Маршрут 1 является виджетом Прейскуранта Elementor Pro Маршрут 2 - это виджет Динамической таблицы из Мастер Аддоны, который превращает меню в чистый стол с столбцом цены Маршрут 3 - это ценообразование на карты для случая, когда “” - это два или три пакета с функциями, что все-таки является заданием таблицы цен.
Оглавление
Прайс-лист и таблица цен
В прайс-листе много позиций и по одной цене каждый; в таблице цен мало планов и по списку функций каждый. меню в ресторане - это прайс-лист. три плана хостинга на сайте SaaS - это таблица цен. их смешивание - обычная причина, по которой меню, построенное в Elementor, выглядит неправильно: десять блюд по десяти ценовым картам - это стена коробок, а три плана в виде списка скрывают функции, которые их продают.
Итак, первый вопрос заключается в том, сколько у вас товаров и нужен ли каждому список функций. более четырех товаров с ценой и описанием в одну строку: прайс-лист. Два-четыре позиции с несколькими функциями каждый: таблица цен.
Маршрут 1: Виджет прайс-листа Elementor Pro
Элементор Про имеет виджет Прейскуранта, сделанный для меню Каждый элемент в его ретрансляторе имеет заголовок, описание, цену, необязательное изображение и ссылку, а виджет рисует пунктирный или сплошной разделитель между заголовком и ценой. вкладка Стиль контролирует интервал списка, стиль разделителя и размер изображения. Ему нужен Элементор Про, поэтому на бесплатном плагине виджет не отображается на панели.
Если вы уже платите за Pro, это самый короткий путь для классического меню. чего он не делает, так это столбцов: каждый товар представляет собой одну строку с ценой, выдвинутой вправо, поэтому список, который нуждается в размере или количестве столбца, или трех цен за товар (маленький, средний, большой), не подходит Источник: Страница справки виджета прайс-листа Elementor.
Маршрут 2: меню с виджетом "Динамическая таблица"
выше Виджет динамической таблицы строит настоящую таблицу HTML в панели Элементор: повторитель заголовка для столбцов и ретранслятор тела для ячеек. для прайс-листа, который означает столбец Dish, столбец Description и столбец Price, с каждым пунктом меню в своей строке Виджет находится в плагине Master Addons и не нуждается в Elementor Pro.
Настройте столбцы
- Бросьте Динамическая таблица виджет на странице и откройте Заголовок ретранслятор.
- Добавьте три ячейки заголовка: Блюдо, Описание, Цена. На каждой включите Пользовательская ширина и установите 28, 56 и 16 процентов, чтобы в описании номер оставался узким, а столбец цены оставался узким.
- Установите выравнивание заголовка Price вправо.
Добавить элементы
- Открыть Тело ретранслятор. каждая запись - одна ячейка. добавьте первое название блюда и включите Начать новую строку для этого.
- Добавьте описание в качестве следующей ячейки и цену в качестве третьей, при этом ячейка цены будет выровнена вправо.
- Повторяйте для каждого предмета: начинается новая строка в названии блюда, затем еще две ячейки Шесть предметов - это восемнадцать ячеек.
Ячейка может нести значок или изображение вместо текста, так меню получает маленькую фотографию рядом с блюдом или значок листа на вегетарианских строках.Ячейки также могут охватывать столбцы, поэтому заголовок курса, такой как “Mains”, может располагаться на собственном ряду по всей ширине.
Стиль это как меню
На вкладке Стиль установите фон заголовка на темный цвет, а текст заголовка на белый, включите Полосатые ряды так что каждая вторая строка тонируется, и дать таблице однопиксельную границу светло-серым. сохранить текст тела в том же размере, что и ваши абзацы и сделать столбец цены жирным, если вы хотите, чтобы глаз приземлился на числа. адаптивный режим виджета стекирует каждую строку в блок на телефонах, с заголовком столбца напечатанным рядом с каждым значением, так что трехстолбцевое меню остается читаемым без боковой прокрутки.
Маршрут 3: пакеты услуг в качестве ценовых карт
Некоторые “price lists” на самом деле представляют собой два или три пакета: разовый сервис и ежемесячный план или базовый и премиальный уровень одной и той же работы. В каждый пакет включено несколько вещей, и читатель выбирает между ними. Это таблица цен и Виджет таблицы цен делает это одной картой за упаковку с большой ценой и включениями в виде списка.
Раздел выше, от Библиотека шаблонов, показывает форму: широкий ряд на упаковку с названием и описанием слева, включенные и исключенные элементы в двух столбцах, и цена с кнопкой справа. это прайс-лист по духу и таблица цен по структуре, и правило большого пальца держится: мало предметов, несколько функций каждый, так карты. больше дизайна карт в ценовой таблице шаблоны пост.
Правила оформления прейскуранта
- Цены в своем столбце, выровнены по праву. Читатель сканирует цены в столбце. Цена, заправленная после описания в каждой строке, не может быть отсканирована.
- Одна строка в описании. “Базиловое масло, закваски крошка” достаточно. абзац на блюдо превращает список в страницу.
- Группа по курсу или категории с помощью строки заголовка во всю ширину и сохраняйте группы в заказе, который закажет клиент.
- Покажите валюту один раз в заголовке или первой цене или сохраните символ на каждой цене; смешивание этих двух вариантов выглядит как ошибка.
- Сохраняйте текст. Меню, загруженное как изображение, невозможно искать, читать вслух или обновлять без дизайнера. таблица в Elementor - это текст.
- Проверьте это на телефоне. Трехколоночный стол шириной 390 пикселей требует включения режима штабелирования, и цена все равно должна стоять сразу после названия блюда.
Какой маршрут выбрать
| Если вы | Использовать | Потому что |
|---|---|---|
| Имейте Elementor Pro и простое меню по одной цене | Маршрут 1, виджет прейскуранта | Сделано для работы, встроен точечный сепаратор. |
| Запустите бесплатный Elementor или вам понадобится столбец размера или количества | Маршрут 2, Динамическая таблица | Настоящие столбцы, полосатые строки, стеки на телефонах. |
| Имейте от двух до четырех пакетов с функциями каждый | Маршрут 3, Карты ценового стола | Немного предметов, по списку функций, по одной кнопке в упаковке. |
| Нужны цены, которые варьируются в зависимости от размера (маленькие, средние, большие) | Маршрут 2, Динамическая таблица | Один столбец каждого размера в одной строке. |
Нужно меню со столбцом цены и без Elementor Pro? выше Виджет динамической таблицы строит его как настоящую таблицу на панели Elementor, с полосатыми рядами и сложенным макетом для телефонов.
Часто задаваемые вопросы
Виджет прайс-листа "Элементор" бесплатный?
№ Виджет Price List входит в состав Elementor Pro и не появляется на панели бесплатного плагина На бесплатном Elementor прайс-лист приходит из виджета таблицы дополнений типа Master Addons Dynamic Table, или из ценовых карт, когда список действительно составляет несколько пакетов.
В чем разница между прейскурантом и таблицей цен?
В прайс-листе много пунктов с одной ценой каждый и без списков функций, как меню. в таблице цен есть несколько планов с списком функций и кнопкой каждый, как хостинг уровней.Использовать список для пунктов и таблицу карт для планов.
Как составить меню ресторана в Элементоре без Про?
Используйте виджет динамической таблицы главных аддонов: добавьте ячейки заголовка Dish, Description и Price с пользовательской шириной, затем добавьте каждый элемент в виде трех ячеек тела с запуском новой строки на первой.Включите полосатые строки и режим реагирования, чтобы меню стекалось на телефоны.
Может ли прайс-лист иметь более одной цены за товар?
Да, с таблицей. добавьте один столбец на размер или опцию, например Малый, Средний и Большой, и поместите каждую цену в свою ячейку в строке товара. виджет Прейскуранта Elementor Pro показывает одну цену за товар.
Должно ли меню быть изображением или текстом?
Текст. меню изображений не может быть найдено, прочитано читателями экрана или обновлено без переделки изображения, и оно размывается на телефонах сетчатки. виджет таблицы или списка сохраняет каждое блюдо и цену в виде текста на странице.
Заключительные мысли
Прайс-лист в Elementor - это одна цена за строку, и маршрут зависит от того, что у вас есть. виджет прайс-листа Elementor Pro охватывает простое меню для пользователей Pro. Master Addons Dynamic Table охватывает одно и то же меню на бесплатном Elementor и добавляет столбцы для размеров, количества или курсов. Два или три пакета с функциями - это таблица цен, а не список, а виджет таблицы цен обрабатывает их как карты.
Начните с Страница виджета динамической таблицы для маршрута меню или Страница виджета таблицы цен если ваш список действительно представляет собой набор пакетов.
Связанное чтение
- Дизайн таблицы цен: 10 советов с примерами
- Виджет динамической таблицы
- Документация по динамической таблице
- Виджет таблицы сравнения
- Библиотека шаблонов главных аддонов
- Как добавить ежемесячный и ежегодный переключение в таблицу цен Elementor
- Таблица цен Elementor по сравнению со сравнительной таблицей: что использовать
