Модули «Таблицы цен» и «Прейскурант цен» в REG.Site

На страницах интернет-магазина в REG.Site вы можете настроить отображение цен на товары и услуги в виде таблицы или списка. В этом вам помогут модули «Таблицы цен» и «Прейскурант цен». В статье мы расскажем, как настроить эти модули, а также покажем варианты их использования.

Как настроить модуль «Таблицы цен»

Модуль «Таблицы цен» можно использовать для разных целей. Таблицы цен помогают эффективно продемонстрировать различные варианты ценообразования на целевой странице продукта. В качестве примера мы настроим этот модуль для сравнения двух похожих товаров с акцентом на преимущества одного из них:

Готово, модуль добавлен. Теперь вы можете переходить к настройкам внешнего вида модуля, которые находятся в трёх вкладках: «Контент», «Дизайн» и «Дополнительно».

Контент

При размещении модуля на страницу по умолчанию добавляется таблица с двумя столбцами. Чтобы добавить ещё один столбец, во вкладке «Контент» нажмите на белый плюс в сером круге. Чтобы отредактировать уже добавленный столбец, нажмите на значок шестеренки:

• В открывшемся блоке «Текст» введите название товара в графу «Заголовок» и комментарий к товару в графу «Подзаголовок». Укажите валюту и цену товара. Чтобы разместить в табличке картинку товара, нажмите ДОБАВИТЬ МЕДИА:

Также вы можете расписать состав товара или добавить развернутое описание. Для этого перейдите на вкладку «Текст» и оставьте нужный комментарий. Чтобы перейти к настройкам в других блоках и не потерять текущие настройки, нажмите на галочку:

• Чтобы отключить отображение маркеров в описании товара, в блоке «Элементы» переведите переключатель в положение НЕТ:

• В блоке «Фон» вы можете установить цвет фона модуля. Если вам нужно больше вариантов цветов, нажмите на три точки под знаком пипетки, выберите нужный оттенок и настройте его интенсивность:

После завершения настроек на вкладке «Контент» переходите на вкладку Дизайн.

Дизайн

В этой вкладке можно настроить модуль с помощью блоков:

• Изображение — настроить ширину и расположение изображения, если вы добавляли его в модуль;
• Текст — выбрать расположение и цвет всего текста, добавить тень и отредактировать её отображение:
• Размеры — настроить ширину и расположение текста в модуле;
• Отступы — указать отступы в пикселях. Можно настроить отступ слева, справа, сверху и снизу;
• Граница — добавить и закруглить границы. Это можно сделать как сразу для всех, так и для отдельных углов модуля;
• Тень контейнера — создать тень списка плеера и обложки;
• Фильтр — настроить оттенки изображения, а также насыщенность, яркость, контрастность, инверсию, сепию, прозрачность, размытие и режим смешивания.
• Преобразовать — масштабировать модуль, повернуть и настроить перекос.

После завершения настроек на вкладке «Дизайн» переходите на вкладку Дополнительно.

Дополнительно

На вкладке «Дополнительно» находятся настройки параметров кода. Если у вас есть опыт в веб-разработке, вы можете настроить модуль через атрибуты CSS и HTML.

После того как вы закончите редактировать модуль, нажмите на галочку, чтобы сохранить все настройки:

Как добавить модуль «Прейскурант цен» на страницу

С помощью модуля «Прейскурант цен» удобнее всего настроить список услуг или отдельных товаров с ценами и кратким описанием. Например, вот так:

Для этого:

Готово, модуль добавлен. Теперь можно переходить к настройкам, которые находятся в трёх вкладках: «Контент», «Дизайн» и «Дополнительно».

Контент

Во вкладке «Контент» можно добавить элементы (товар и его цену) и настроить их дизайн в раскрывающихся блоках «Текст», «Изображение» и «Фон». Для этого:

После завершения настроек на вкладке «Контент» переходите на вкладку Дизайн.

Дизайн

В этой вкладке можно настроить модуль с помощью блоков:

• Изображение — настроить ширину и расположение изображения, если вы добавляли его в модуль;
• Текст — выбрать расположение и цвет всего текста, добавить тень и отредактировать её отображение:
• Размеры — настроить ширину и расположение текста в модуле;
• Отступы — указать отступы в пикселях. Можно настроить отступ слева, справа, сверху и снизу;
• Граница — добавить и закруглить границы. Это можно сделать как сразу для всех, так и для отдельных углов модуля;
• Тень контейнера — создать тень списка плеера и обложки;
• Фильтр — настроить оттенки изображения, а также насыщенность, яркость, контрастность, инверсию, сепию, прозрачность, размытие и режим смешивания.
• Преобразовать — масштабировать модуль, повернуть и настроить перекос.

После завершения настроек на вкладке «Дизайн» переходите на вкладку Дополнительно.

Дополнительно

На вкладке «Дополнительно» находятся настройки параметров кода. Если у вас есть опыт в веб-разработке, вы можете настроить модуль через атрибуты CSS и HTML.

После того как вы закончите редактировать модуль, нажмите на галочку, чтобы сохранить все настройки:

Готово, теперь вы знаете, как работать с модулями «Таблицы цен» и «Прейскурант цен» в REG.Site.