Перейти к основному контенту

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

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

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

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

модули цен 14

  1. 1.
  2. 2.

    Выберите строку, в которую хотите добавить модуль, и нажмите на плюс в сером круге:

    модули цен 1

  3. 3.

    Выберите модуль Таблицы цен:

    модули цен 2

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

Контент

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

модули цен 3

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

модули цен 4

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

модули цен 5

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

модули цен 6

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

модули цен 7

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

Дизайн

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

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

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

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

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

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

модули цен 15

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

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

модули цен 17

Для этого:

  1. 1.
  2. 2.

    Выберите строку, в которую хотите добавить модуль, и нажмите на плюс в сером круге:

    модули цен 8

  3. 3.

    Выберите модуль Прейскурант цен:

    модули цен 9

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

Контент

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

  1. 1.

    Кликните на плюс в сером круге (Добавить новый элемент):

    модули цен 10

  2. 2.

    В блоке «Текст» укажите цену и заголовок (название товара). Чтобы добавить комментарий к товару, перейдите на вкладку Текст. Если вы хотите добавить видео или изображение товара, кликните ДОБАВИТЬ МЕДИА.

    модули цен 11

    Также добавить картинку можно в блоке «Изображение». Для этого кликните на плюс в сером круге и загрузите нужное изображение.

    модули цен 12

  3. 3.

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

    модули цен 13

  4. 4.

    Нажмите на галочку, чтобы сохранить настройки элемента (товара). Чтобы отредактировать уже добавленный элемент, нажмите на значок шестеренки. Чтобы добавить новый элемент, нажмите на белый плюс в сером круге.

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

Дизайн

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

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

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

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

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

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

модули цен 16

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

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 0 из 0