Monstroid. Как создать таблицу цен

Этот туториал покажет Вам, как создать таблицу цен (pricing table) в шаблоне Monstroid.

Таблицу цен (pricing table) можно создать используя пользовательские записи типа Услуги (Services) при помощи шорткода Услуги Cherry (Cherry Services).

Добавление новой услуги

Для того чтобы добавить новую услугу, следуйте таким инструкциям:

1. В вашей админ панели (Dashboard) перейдите на вкладку Услуги -> Добавить новую (Services -> Add New). Введите Заголовок (title) и добавьте содержимое (content)(необязательно):

   

2. Прокрутите ниже к полю Настройки услуги (Services Options) и заполните поля Описание услуги (Service features description) и Цена (Price).

   Описание услуги (Service features description) должно быть неупорядоченным списком HTML, например:

   <ul>
   <li><strong>10GB</strong> Storage amount</li>
   <li><strong>Unlimited</strong> users</li>
   <li><strong>30GB</strong> Bandwidth</li>
   <li><strong>20</strong> MySQL Databases</li>
   <li class="full"><i class="fa fa-check"></i></li>
   <li class="full">Enhanced Security</li>
   <li class="full">Retina Display Ready</li>
   <li class="full"><div class="rating-wrap"><div class="rating"><div class="stars three"></div></div></div></li>
   </ul>
   

   Поле Цена (Price) должно содержать информацию о цене услуги. Вы можете использовать теги HTML для создания более привлекательного вида, например:

   <sup>$</sup>85 <sup class="small">/monthly</sup>
   

   

3. Вы можете также указать Ссылку для заказа данной услуги (URL to order this service), это не является обязательным. После того как Вы заполнили все поля и нужные Вам дополнительные настройки для записи типа «Услуги», определите эту запись в одну из категорий, например Блок цен (Price blocks) и задайте миниатюру записи.

4. Опубликуйте (Publish) вашу новую запись типа «Услуги»:

   

Добавление таблицы цен

Для того чтобы добавить таблицу цен, следуйте таким инструкциям:

1. В вашей админ панели (Dashboard) перейдите на вкладку Страницы -> Добавить новую (Pages -> Add New). Введите заголовок (title) и Содержимое (content)(необязательно). Если Вы хотите добавить таблицу цен на уже существующую страницу, пропустите этот шаг:

   

2. Нажмите на кнопку Вставить шорткод (Insert shortcode), которая расположена справа выше редактора содержимого страницы и справа от кнопки Добавить медиафайлы (Add Media). В поисковой строке шорткодов введите «Услуги» (Services). Тип шорткода Услуги (Services) будет перед Вами. Выберите его:

   

3. У шорткода Услуги (Services) есть атрибуты, которые позволят Вам отредактировать таблицу цен в соответствии с вашими нуждами. Однако перед тем как Вы превратите таблицу услуг в таблицу цен, Вам нужно указать несколько атрибутов для шорткода.

   • Выберите Категорию (Category), к которой относится ваша запись. Например, категорию Блок цен (Price blocks).

   • Задайте Класс колонки (Column class) для четырёх видов устройств. Например, если Вы хотите, чтобы ваша таблица цен отображалась в одну колонку (one column) на смартфонах и в три колонки (tree columns) на всех других устройствах, выберите вариант 12-4-4-4.

   • Выберите шаблон шорткода (Shortcode template). В настоящий момент наши шаблоны предлагают 7 шаблонов таблицы цен (price templates):

   

4. После того как Вы задали все атрибуты для шорткода Услуги (Services), нажмите на кнопку Вставить шорткод (Insert Shortcode) и на кнопку Опубликовать (Publish). Вы увидите привлекательную таблицу цен:

   

Вы можете также ознакомиться с детальным видео-туториалом ниже: