Web5X - Готовые сайты

Блог о создании сайта, конструкторе сайтов и Elementor

заставка - виджет прайс-лист - конструктор сайта

Прайс-лист — виджет Elementor Pro

Каждый сайт (или почти каждый) будь то просто сайт-визика, бизнес сайт, а может одностраничник (лендингпейдж LandingPage) нуждается в списке цена на услуги или товар. Чтобы создать прайс-лист на сайте мы можем просто написать текст построчно, можем создать html таблицу, мы можем даже установить плагин вордпрес для создания таблиц, но все это не то, когда нам нужно создать быстро и красивый список с перечнем цен и описанием.  И для этого в конструкторе сайта существует виджет прайс-листа.

Виджет "Прайс-лист" предназначен для создания красивого построчного списка, который может включать в себя изображение, название, стоимость, описание и ссылку.  Что касается стилевого оформления вижета, доступны различные оформления, такие как цвет текста, разделителя, различные свойства для изображения, разрыв рядов итд.

виджет прайс-лист в конструкторе сайта elementor

Пример прайс-листа показан выше.  Так отображается виджет прайс-лист как только мы его бросим на страницу. Ниже опишем его свойства, настройки и опции.

Содержимое

- Список (свойства элементов списка)

  • Цена - текст цены (принимает любые значения)
  • Заголовок и описание - текст для заголовка элемента прайс-листа и описание.
  • Изображение - изображение элемента прайс-листа
  • Ссылка - ссылка для всей строки прайс-листа (по умолчанию в поле введено #, поэтому не забывайте удалять)

 

Стиль

- Стиль списка
Название, цена и описание. Для всего этого вы можете указать цвет текста и типографику.
Разделитель. Для разделителя можете выбрать тип линии, цвет, толщину и отступы.

- Стиль изображения
Для изображения доступны изменение свойств стилей: размер, скругление углов и отступ.

- Стиль элемента
Для элемента (т.е строка полностью с ценой, описание и изображением) доступно изменение отступов (разрыв рядов) и вертикальное выравнивание (Верх Низ Центр)

=======================================================================
Список всех виджетов Elementor вы можете посмотреть на странице Виджеты
=======================================================================

 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Блог о создании сайта, конструкторе сайтов и Elementor.
Авторские права © 2017-2020 . Все права защищены.
Готовые сайты на web5x.ru
Политика конфиденциальности