Как сделать таблицу с ценами и характеристиками

Pricing tables

Сегодня мы расскажем о плагине, с помощью  шорткода или php можно создавать таблицы цен и характеристики. В данном плагине есть 7 бесплатных шаблонов, которые можно настроить под себя, изменять слова и размер текста. В плагине есть 19 платных шаблонов.

 

Плагин можно проинсталировать  из админ-панели wordpress. Сделать это можно так: -> Перейдите по вкладке > Плагины -> Добавить новый -> в поле поиска введите Pricing Table by Supsystic, установите и активируйте плагин.

 

 

Для того что-бы создать и настроить ценовую таблицу, перейдите по вкладке: Pricing Table by Supsystic — Add New Table.

 

 

На следующей странице, выберите таблицу, нажав по ней, введите название таблицы в поле Table Name и нажмите на кнопку — Save. Бесплатные шаблоны обозначаются надписью — Select.

Далее, у вас откроется страница для настройки таблицы, которую вы выбрали.

 

Columns: Add Column, количество колонок в таблице, можно добавить колонку в таблицу, нажав на кнопку: Add Column.

Rows: Add Row, количество строк в таблице, можно добавить строку в таблицу, нажав на кнопку: Add Row.

Table Width, ширина таблицы, в пикселях или процентах.

Font, стиль шрифта по умолчанию для всего текста в таблице.

Description Text Color,  цвет для текста описания тарифов в самом верху таблицы.

Header Text Color, цвет текста заголовков, где указаны цены.

Background Color, цвет фона таблицы.

Column Width, ширина колонок.

Enable Description Column, если уберёте здесь галочку, то из таблицы исчезнет колонка с названием характеристик.

Enable Footer Row, если уберёте здесь галочку, то из таблицы исчезнет футер, низ таблицы, где находятся кнопки.

Enable Hover Animation, если уберёте здесь галочку, то отключится всплывающая анимация.

Rows Text Color, цвет для текста в основной таблице.

Enable Head Row, можно убрать самый верх таблицы, где указаны названия тарифов.

Enable Description Row, можно убрать раздел, где указаны цены.

Text Align, расположение текста.

Enable Responsivity, если стоит галочка, значит таблица адаптивная.

Изменить текст в таблице просто, нажмите на текст, выделите его и вставьте текст который вам нужен. После выделения текста, появится меню с редактором, где можно изменить размер текста, сделать его жирным или курсивом, вставить гипер ссылку, изображение или видео. Можно менять местами элементы в таблице с помощью стрелок и т.д.

 

07-01-2016 18-43-59_mini

После того как настроите таблицу, сохраните её, нажав на кнопку — Save. Чтобы добавить таблицу на сайт, скопируйте шорт-код для вставки в нужное место страницы.

 

 

 

 

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...

Отправить ответ

Оставьте первый комментарий!

wpDiscuz