Как вы наверное уже знаете, у приложения JBZoo есть свой демо-сайт, на котором вы можете не только увидеть примеры сайтов, но и сами потестировать приложение. Копию данного демо-сайта можно скачать только после покупки JBZoo для экспериментов, обучения и быстрого старта.
Так как JBZoo — это конструктор контента, то с помощью многочисленных настроек мы определяем типы материалов и их внешний вид. Таким образом, мы сами определяем, что из себя будет представлять сайт (блог, магазин, таблица и т. д.), а также его функциональные особенности. В качестве демо мы реализовали несколько примеров использования JBZoo. Давайте ниже кратко их рассмотрим.
Весь сайт полностью сделан только на JBZoo. Никаких других расширений не используется.
Конструктор корзины
Модуль корзины один из популярных и удобных виджетов на JBZoo. С его помощью можно показать количество товаров в корзине, стоимость, а также некоторые параметры товара. В модуле вы можете сами настроить все необходимые данные о товаре.
Фильтр для поиска товаров по параметрам может выглядеть по разному: в виде слайдера, радио-кнопок, флажков, текстового поля и даже цветных блоков (для поиска по цвету). Все зависит от вашей фантазии.
Заказ в корзине выглядит в виде таблицы, чтобы было удобно воспринимать информацию о товаре. На этой же странице вы можете увидеть все скидки, налоги и другие модификации. Для удобства менять количество можно со страницы заказа нажав на «+» или «-» или просто покрутив колесиком мыши.
Ниже идет форма заказа, которую должен заполнить покупатель. Эти данные сохранятся в базе данных магазина. Можно сделать поля, обязательные для заполнения. Тогда человек будет вынужден их заполнить.
Доставка товара одна из важнейших частей интернет-магазина, особенно для больших компаний. Или с крупногабаритными товарами. Вы можете добавить удобные для вас способы. Также сделать доставку курьером или самовывоз. Для каждого способа справа есть дополнительные для заполнения поля, чтобы знать, например, адрес, куда будет доставлен заказ.
Для удобства можно указать, с помощью какого сервиса будет оплачен заказ.
С помощью наложений различных вариаций можно сделать похожую страницу. При выборе какого-либо варианта дополнительных услуг итоговая цена будет вычисляться автоматически в виде анимации. Если не выбрать ничего, то цена просто останется базовой.
Каталог
На главной странице вы можете увидеть пример торгового каталога.
Слайдер выполнен с помощью бесплатной версии компонента Widgetkit. Ниже идёт алфавитный указатель подкатегорий и список избранных товаров. Разделение по колонкам и их содержимое полностью настраивается из панели управления.
Если мы перейдем на детальную страницу просмотра характеристик продукта, то увидим подробную информацию о товаре, его внешний вид и возможно отзывы покупателей. В карточке товара находится элемент цены. В ней вы увидите следующие кнопки (фичи): добавить в корзину (Add to cart), добавить в сравнение (Add to compare) и добавить в избранное (Add to favorite). Ниже расположены социальные кнопки. Выше цены также есть элемент рейтинга.
Если проскролить страницу ниже, то там вы увидите вкладки с комментариями (JBComments) и связанные товары (JBRelated Items Auto), которые подбираются автоматически по одинаковым полям.
В самом низу находится модуль категорий, который выводит на странице тот же торговый каталог, в виде вкладок, и список последних комментариев.
Как вы могли заметить, в самом начале страницы и в правой ее части расположены фильтры поиска.
Недвижимость
Следующая страница — это недвижимость (таблица с особой версткой). Вы можете сами устанавливать необходимые поля (например, цена, адрес) и значения для них. На детальной странице могут размещаться изображения товаров, их характеристики, цена.
Так же, как и в каталоге, на странице недвижимости можно выводить связанные материалы. Есть возможность привязать тип материала (вкладка Overview), агента (вкладка Listing Agent) и даже вывести местоположение на карте (вкладна Location).
Таблица
Третья страница — таблица. Один из примеров вывода в виде таблицы с очень большим количеством материалов (в данном случае 10 000).
У таблицы есть сортировки (в пределах одной страницы либо по всей базе данных с помощью фильтра). Справа вы можете увидеть быстрый фильтр по ссылкам.
Как вы наверное уже заметили, приложение спокойно справляется с выводом большого количества материала на странице, при этом даже сложные условия в фильтре работают быстро.
Простой тип контента
Помимо специфического типа контента JBZoo можно использовать для таких простых страниц как новости, блог, вопрос-ответ либо обычные текстовые страницы.
Новые элементы для Zoo
В последнем разделе сайта вы можете увидеть примеры работы специфических элементов для Zoo (страницы в виде ссылок).
Панель управления сайтом
Если вы хотите узнать, как выглядит панель управления и как она работает, можете перейти на страницу скриншотов. После его скачивания, вы можете сами выбирать, как будет выглядеть ваша страница и какие элементы будут на ней присутствовать.
Так будет выглядеть панель управления демо-сайтом
Если у вас возникнут трудности с настройками, можете обратиться к нашей документации или можете задать вопрос нашей техподдержке.