Демо элементов ZBuilder от Zau4man
На этой странице вы можете посмотреть как работают элементы компонента ZBuilder . Представлены элементы сделанные автором этого сайта, пользователем InstantCMS с ником iDrevniy . Ваши замечания и предложения по исправлению, изменению и дополнению элементов, а так же по созданию новых элементов вы можете оставить с помощью формы обратной связи на этом сайте, в комментариях на страницах элементов, в комментариях к Блогу , личными сообщениями на сайте InstantCMS .
Прочитать документацию и скачать файлы вы можете на странице дополнения.
Элемент Заголовок
Теперь у элемента Заголовок появилось множество дополнительных вариантов отображения и настроек. В первую очередь стили: раньше можно было выбрать только тэг заголовка (h1-h6). Теперь к каждому тэгу можно применить стиль отображения.
Появился подзаголовок, который тоже можно настроить по вашему вкусу.
Рядом с Заголовоком можно разместить информационный значок с большим количеством настроек.
Чтобы все новые части Заголовка отображались, а настройки работали, не забудьте выбрать шаблон h-badge.
Вариантов применения может огромное количество, включайте фантазию. Пример использования вы можете видеть ниже.
Давайте созвонимся ⏰ с 10 до 20 рад вас услышать
+7 (916) 123-45-67
Элемент Джамботрон
Это элемент визуального выделения важной информации. Просто, но стильно, минималистично, но информативно. Доносите до ваших посетителей информацию просто и быстро.
Скачать элементЭлемент Карусель
Простая, но эффектная карусель с множеством настроек для организации слайд шоу на сайте. Автоматическая прокрутка и элементы управления. Сайт будет выглядеть живым и привлекательным.
Скачать элемент
Элемент Блок с картинкой
Информационные блоки для отображения важной информации. Позволяют разместить картинку, текст и кнопки в привлекательном дизайне. 3 шаблона отображения.
Скачать элементШаблон По-умолчанию (горизонтальный)
Шблон Deck (вертикальный)
Заголовок 1
Это заполняющий текст для демонстрации поля Текст в блоке . Форматируйте текст, чтобы сделать его привлекательным для посетителей, но не делайте его слишком большим. Это заполняющий текст для демонстрации поля Текст в блоке . Форматируйте текст, чтобы сделать его привлекательным для посетителей, но не делайте его слишком большим. Это заполняющий текст для демонстрации поля Текст в блоке . Форматируйте текст, чтобы сделать его привлекательным для посетителей, но не делайте его слишком большим.
Шаблон Group (вертикальный)
Шаблон Icons
Заголовок 1
В шаблоне Icons изображение не выводится. Вместо него иконка и заголовок, но в отличие от шаблона По-умолчанию они имеют другое положение. Обратите внимание, что на узких экранах (смартфонах) шаблоны По-умолчанию и Icons выглядят одинаково, хотя структура у них разная.
Заголовок 2
Размер иконки можно изменять, добиваясь идеального соотношения для вашего дизайна. Описательный текст не ограничен и может быть достаточно длинным.
Заголовок 3
В этом шаблоне карточки выводятся в два столбца. Пока изменить это невозможно. Смотрится такой дизайн очень эффектно и органично. Но предполагает наличие четного количества карточек для лучшего и более целостного визуального восприятия.
Заголовок 1
В версии 1.2.1 шаблон По-умолчанию был переработан. Теперь у него есть два варианта отображения: когда изображение загружено и когда нет. В результате можно составлять интересные комбинации. В этом блоке изображение не загружено и вместо него отображается иконка и заголовок.
Элемент Контакты
Ваши контакты на сайты в оригинальном оформлении. Элемент привлекает внимание и позволяет организовать блок контактов в минималистичном информативном виде.
Скачать элементЭлемент Таблица цен
Элемент поможет создать современную таблицу цен, привлечь внимание посетителей, увеличить конверсию и вовлеченность. Отличный инструмент маркетинга.
Скачать элемент- Услуга 1выезд к вам₽ 5000Особенность 1Особенность 2Особенность 3
- Услуга 2жду вас у себя₽ 3000Особенность 1Особенность 2Особенность 3
- Услуга 3для начинающих₽ 1500Особенность 1Особенность 2Особенность 3
Элемент Прайс-лист
Это дополнение позволяет организовать на сайте привлекательный и информативный прайс-лист услуг или товаров. Минималистичный и в тоже время симпатичный дизайн позволяет посетителям сайта сосредоточиться на главном.
Скачать элементСтандартные элементы ZBulder (предустановленные)
Заголовок H1-H6 с выравниванием
Параграф текста
Пример параграфа с текстом. Доступны все возможности текстового редактора wysiwyg. Стиль параграфа, зоголовка h2-h5, цитирование, форматирование , списки, картинки и видео.
Картинка
Кнопка
Иконка
Видео с YouTube
Для России этот блок имеет не очень большое значение. Поэтому я его только назову, а демонстрировать не буду. Благодарю за понимание.
Как мы работаем
Форма сайта
Тестовая форма для Демо страницы
Цитата
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
— Автор цитаты
Галерея картинок
