Элемент Таблица цен Для 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 Кбскачан 3 раза

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

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

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

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

Реклама #

iDrevniy 2 дня назад #

Я забыл в стили добавить адаптивность. В файл 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);
    }
}

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

Реклама #

iDrevniy 2 дня назад #

Еще от автора

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

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

Согласие на обработку персональных данных

InstantCMS Team

О проекте

Поддержка

Дополнения