Демо-сайт JBZoo

Сборка для обучения и быстрого старта вашего проекта

Как вы наверное уже знаете, у приложения 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 (страницы в виде ссылок).

 

Панель управления сайтом

Настройки каталоговЕсли вы хотите узнать, как выглядит панель управления и как она работает, можете перейти на страницу скриншотов. После его скачивания, вы можете сами выбирать, как будет выглядеть ваша страница и какие элементы будут на ней присутствовать.

Настройки шаблоновТак будет выглядеть панель управления демо-сайтом

Если у вас возникнут трудности с настройками, можете обратиться к нашей документации или можете задать вопрос нашей техподдержке.

 

У меня остались вопросы, где я могу их задать?

Вы можете обратиться на наш специальный форум техподдержки JBZoo. Если у вас нет активного аккаунта со знаком «плюс» в тарифном плане, то вы можете задать свой вопрос в одном из этих разделов или на любой из наших контактов. Форум специально предназначен для JBZoo, приоритет и скорость ответа там выше.