Элемент Таблица цен Для InstantCMS 2.X.

Продолжая вдохновляться классным компонентом визуального конструктора блоков Zbuilder от автора Zau4man решил сделал новый элемент. Называется таблица цен и дает возможность оформить прайс красиво. Идеально для 2-4 наименований, чтобы выделить главное. Давайте посмотрим на элемент.

сделан по принципу списка;
имеет 9 полей: название, подзагодовок, цена, префикс цены, описание цены, особенности, текст кнопки, ссылка кнопки, иконка.

Возможна масса вариантов отображения. Поиграйте с полями, посмотрите.

Установка

В архиве 4 файла. Копируем файл form_pricetable.php в папку /system/controlers/zbuilder/forms/elements_forms/. Копируем файл form_pricetable_item.php в папку /system/controlers/zbuilder/forms/elements_forms/. Копируем файл pricetable.tpl.php в папку /templates/ваша_тема/controllers/zbuilder/elements/. Копируем файл pricetable.css в папку /templates/ваша_тема/controllers/zbuilder/css/.

Не забываем в настройках компонента добавить элемент, чтобы он появился в списке.

Пользуемся!

Пишите в комментариях чо, как. Интересно ведь — работает у вас или нет. Может косяки какие, замечания по коду.

Прикреплённый файл:

Скачать 5 Кбскачан 18 раз

Элемент Контакты

Элемент Прайс-лист

zbuider компонент доработка

1 комментарий

SIVcode 1 год назад #

Я забыл в стили добавить адаптивность. В файл pricetable.css добавьте:

@media (max-width: 991px) {
    .price-table {
        grid-auto-flow: unset !important;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px) {
    .price-table {
        grid-auto-flow: unset !important;
        grid-template-columns: repeat(1, 1fr);
    }
}

Элемент Таблица цен

SIVcode 1 год назад #

Еще от автора

Обновление элементов для компонента ZBuilder

Элемент Джамботрон (ZBuilder)

Элемент Карусель (ZBuilder)

InstantCMS Team

О проекте

Поддержка

Дополнения