Купить Корзина
Логотип REG.RU
  • Вход
  • Помощь
  • Конструктор и CMS
  • REG.Site
  • Работа с модулями REG.Site
  • Модули «Таблицы цен» и «Прейскурант цен» в REG.Site

Модули «Таблицы цен» и «Прейскурант цен» в 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.

Помогла ли вам статья?
ДаНет
раз уже помогла

Спасибо за оценку!
Как мы можем улучшить статью?

Нужна помощь?
Напишите в службу поддержки!

Рассылка REG.RU

Лайфхаки, скидки и новости об IT

Подписываясь, вы принимаете правила рассылок

Услуги
  • Стоимость услуг
  • Хостинг
  • Зарегистрировать домен
  • Создание сайтов
  • REG.Site
  • VPS
  • Серверы и ДЦ
  • SSL-сертификат
Помощь
  • База знаний
  • Шаблоны заявлений
  • Оставить отзыв, предложение
  • Сообщить о нарушении
Партнерам
  • Партнерские программы
  • Профессионалам IT
  • Бонусная программа
  • REG.API
  • Промоматериалы
Полезное
  • Акции и скидки
  • Мероприятия
  • Юридические услуги
  • Юридическим лицам
  • ЭДО
  • Whois
REG.RU
  • О компании
  • Контакты и офисы
  • Новости
  • Отзывы клиентов
+7 495 580-11-11

Телефон в Москве

8 800 555-34-78

Бесплатный звонок по России

  • vk
  • telegram
  • ok
  • moikrug
  • youtube
  • twitter

Нашли опечатку?
Выделите и нажмите
Ctrl+Enter

  • mir
  • sbp
  • sberbank
  • qiwi
  • yamoney
  • visa
  • mastercard
Все способы оплаты Все способы оплаты
  • REG.RU
  • © ООО «Регистратор доменных имен РЕГ.РУ»

    Правовая информация и правила пользования

  • shop.reg.ru Магазин доменов
  • statonline.ru Доменная статистика
  • reg.ru/blog Мы пишем
  • Мы используем файлы cookie. Продолжив работу с сайтом, вы соглашаетесь с Политикой обработки персональных данных и Правилами пользования сайтом.