Обзоры расширений Joomla

 

 

DJ-Catalog2 – русскоязычный компонент Joomla для создания каталогов и интернет-магазинов. Специально для него есть готовые адаптивные шаблоны. В DJ-Catalog2 есть фильтр, сортировка и сравнение товаров, возможность импорта/экспорта, создание экстра полей, полноценная корзина, личный кабинет, интеграция с платёжными системами и другие возможности, которые позволят создать каталог или интернет-магазин. В предыдущих видео уроках были рассмотрены основные практические моменты, связанные с созданием каталога. А в этом разделе есть перечень статей с описанием возможностей компонента, его разделов, настроек и ответами на часто задаваемые вопросы.

На данный момент (14.04.2018) список поддерживаемых платёжных систем невелик. Но есть и стандартный плагин оплаты, который позволит создать оплату типа «Наличными».

  • Paypal.
  • Mollie.
  • PayU (Польша).
  • Przelewy24 (Польша).

К сожалению, среди них популярных в СНГ очень мало. Если Вы хотите, то можете проголосовать вот тут, чтобы разработчики подумали над добавлением поддержки Robokassa. Или можете внести своё собственное предложение по улучшению расширения, не только в плане создания платёжных плагинов.

В предыдущей статье «Уроки DJ-Catalog2 (часть 3). Импорт товаров Joomla» мы рассмотрели новинки DJ-Catalog2 3.5.6. С тех пор было несколько очень важных обновлений, которые существенно расширили функционал компонента. Теперь на его основе можно создавать интернет-магазин. Разработчики предоставляют демонстрационный сайт и даже сайт, где Вы сможете войти в админку. Например, может быть интересно посмотреть на страницу с дочерними товарами или на страницу с вариантами товара.

В обзоре участвует последняя, на момент написания статьи (14.04.2018), русскоязычная версия DJ-Catalog2 3.7.1 в Joomla 3.8.6. Шаблон сайта JM Product Catalog 1.1. На сайте установлен быстрый старт шаблона (QuickStart). Поэтому в примерах весь контент и пункты меню на английском языке.

  • DJ-MediaTools 2.11. Компонент галереи изображений и видео для Joomla с поддержкой VirtueMart 3. Это позволит создавать слайдер VirtueMart, галереи с товарами и другое.
  • DJ-MegaMenu 3.6.2. Компонент (модуль, плагин) горизонтального и вертикального меню, мега-меню и мобильного меню со множеством настроек и поддержкой вставки модулей в меню.
  • DJ-Tabs 1.3.5.1. Расширение Joomla для отображения контента сайта во вкладках или аккордеоне.
  • DJ-EasyContact 1.4.6. Бесплатный модуль формы обратной связи.

Видео обзор

В данном видео показаны некоторые моменты, описанные в статье.

  • Функции интернет магазина – с 00:00:34.
  • Создание способов оплаты и доставки – с 00:03:30.
  • Процесс оформления заказа – с 00:05:32.
  • Цены товаров (скидка за количество) – с 00:07:27.
  • Комбинации товаров (цвет, размер и т.д.) – с 00:09:37.
  • Кастомизация товаров (изменения товаров покупателями) – с 00:14:51.
  • Налоги и правила НДС – с 00:18:48.
  • Сравнение товаров – с 00:21:54.
  • Быстрый просмотр товаров в категории – с 00:23:18.

 

 

Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки Вы можете найти на каналах сайта Aleksius.com в YouTube, Rutube и Mail.ru.

Функции интернет магазина

Для активации функций интернет-магазина в DJ-Catalog2 перейдите в его настройки и откройте вкладку Корзина (рисунок ниже). В области Настройки корзины выберите Да для опции Включена.

Настройки DJ-Catalog2 3.7
Настройки DJ-Catalog2 3.7

Чтобы начать продавать товары перейдите в настройку каждого товара и проверьте на вкладке Коммерция:

  • для опции Доступно должно быть указано Да.
  • Для опции В наличии должно быть указано Да.
  • Для опции Наличие должно быть указано значение больше ноля.
  • Для опции Цена должно быть указано значение больше ноля.

При желании можно включить отображение кнопки покупки в категориях товаров. Для этого в настройках DJ-Catalog2 на вкладке Список товаров в области Макет товаров для опции Кнопка корзины выберите Показать.

На рисунке ниже показан пример фрагмента страницы интернет-магазина на Joomla и DJ-Catalog2 3.7.

Интернет-магазин на Joomla
Интернет-магазин на Joomla

На рисунке ниже показан пример категории товаров.

DJ-Catalog2
DJ-Catalog2

DJ-Catalog2 позволяет оформлять покупки на сайте как зарегистрированным, так и незарегистрированным пользователям. При желании Вы сможете включить предложение регистрации на этапе оформления заказа. Всё это настраивается на вкладке Корзина в области Настройки корзины опции Только для зарегистрированных и Пропустить страницу входа.

Там же можно настроить набор полей, которые будут доступны пользователю при оформлении заказа. Такие поля: E-mail, Имя, Фамилия – убрать или сделать необязательными нельзя. Все остальные – можно. На рисунке ниже показан пример страницы оформления заказа.

DJ-Catalog2 3.7
DJ-Catalog2 3.7

Если Вы хотите настроить поля, доступные при регистрации пользователя, то перейдите в Расширения – Плагины, найдите плагин «Пользователь - DJ-Catalog2» и сконфигурируйте их как Вам надо.

Для настройки способов оплаты нужно:

  1. Установить соответствующий плагин с помощью менеджера расширений Joomla.
  2. В Расширения – Плагины найти установленный плагин и включить его.
  3. В DJ-Catalog2 перейти в раздел Способ оплаты и создать новый способ, указав плагин, на котором он базируется.
  4. Внесите другие настройки в конфигурацию способа оплаты (рисунок ниже). Например, укажите, для каких способов доставки доступен этот способ оплаты, дополнительную стоимость, возможность распечатать счёт и так далее.
Создание способа оплаты
Создание способа оплаты

Для настройки способов доставки нужно:

  1. Установить соответствующий плагин с помощью менеджера расширений Joomla.
  2. В Расширения – Плагины найти установленный плагин и включить его.
  3. В DJ-Catalog2 перейти в раздел Способ доставки и создать новый способ, указав плагин, на котором он базируется.
  4. Внесите другие настройки в конфигурацию способа оплаты (рисунок ниже). Например, укажите дополнительную стоимость и так далее.
Создание способа доставки
Создание способа доставки

Созданные таким образом способы оплаты и доставки будут отображаться на последнем шаге оформления заказа.

После оформления заказа пользователь увидит информацию, показанную на рисунке ниже. Страница может содержать ссылку/кнопку, отправляющую пользователя на страницу оплаты.

Информация о заказе
Информация о заказе

В админке интернет-магазина на Joomla в разделе Заказы (рисунок ниже) можно видеть список всех заказов. Можно сформировать отчёт в PDF, нажав на кнопку Проформа или Счёт. Для генерации PDF Вам нужно установить дополнительную библиотеку TCPDF. Её можно бесплатно скачать тут. Примеры сгенерированных PDF файлов доступны под статьёй (над комментариями). Счетами можно управлять.

Заказы интернет-магазина
Заказы интернет-магазина

Информацию о заказе можно просмотреть и в админке (рисунок ниже).

Информация о заказе в админке
Информация о заказе в админке

Плюс, на почту покупателю придёт письмо (рисунок ниже). Их внешний вид можно немного настроить.

Письмо с информацией о заказе
Письмо с информацией о заказе

Цены товаров (скидка за количество)

В компоненте интернет-магазина есть возможность задавать скидки при покупке нескольких единиц товаров. Для этого перейдите в настройки нужного товара на вкладку Коммерция (рисунок ниже) и поработайте с такими настройками:

Модификатор цен. Можно задать:

  • Фиксированное значение. Вы сами указываете цену товара.
  • Скидка на %. Вы указываете, на какой процент нужно уменьшить стоимость товара.
  • Скидка на указанное значение. Вы указываете фиксированную сумму, на которую нужно снизить стоимость товара.

Превышение количества. При помощи данной опции можно указать, какие товары нужно учитывать при подсчёте количества, чтобы получить скидку. Возможны такие значения:

  • Индивидуально. Во внимание принимается только количество единиц определённого товара. Все остальные товары в корзине игнорируются.
  • Для всех товаров. Во внимание принимаются все товары, добавленные в корзину
  • Для того же производителя. Во внимание принимаются только товары от одного и того же производителя. Производитель определяется на основании данных о товаре, в котором Вы настраиваете модификатор цен.
  • Для той же категории. Во внимание принимаются только товары из указанной категории. Категория определяется на основании данных о товаре, в котором Вы настраиваете модификатор цен.

Уровни цен. Тут Вы можете указать, при каком количестве добавленных в корзину товаров пользователю будет начисляться скидка и какая именно.

Скидка за количество
Скидка за количество

Комбинации товаров (цвет, размер и т.д.)

В интернет-магазине на Joomla можно создавать комбинации товаров. Например, один и тот же товар, но разного цвета, размера и подобное. Это не отдельные товары и не дочерние товары. Но у комбинаций может быть своя собственная цена, количество на складе, артикул и набор значений полей, согласно Вашему выбору.

Например, лампы разных цветов (чёрный, серый, красный) и разной высоты (120, 130, 140). Можно настроить, указав разное количество на складе, разную цену и артикул для красной лампы 120 см высотой и для чёрной лампы 130 см высотой. Причём, можно создавать зависимые комбинации – красная лампа только с высотой 110 см. Таким образом, выбрав цвет, доступные варианты высоты автоматически скорректируются.

Комбинации товаров можно создавать при помощи экстра полей. Для комбинаций доступны такие типы полей:

  • Радио кнопка.
  • Чекбоксы.
  • Список выбора.
  • Цвет (аналогично радио кнопке).
  • Несколько цветов (аналогично чекбоксам).

Есть возможность создавать группы полей. Это упростит создание комбинаций товаров. Например, если Вы хотите добавлять ко всем лампам возможность выбора цвета и высоты (с их зависимыми комбинациями), то создайте такую группу в разделе Группы полей.

Для создания полей комбинаций товаров перейдите в раздел Экстра поля и создайте поле нужного Вам типа (рисунок ниже). Для опции Варианты корзины нужно выбрать Да. Пример создания экстра полей можно увидеть в этом видео уроке. В создании комбинаций участвуют только включённые поля.

Создание поля
Создание поля

В зависимости от типа поля будут доступны те или иные опции. Например, для поля тип Цвет (рисунок ниже) можно указать цвет или изображение.

Поле тип Цвет
Поле тип Цвет

Как только Вы создадите хотя бы одно такое поле, во всех товарах, при их редактировании, появится специальная вкладка Комбинации (рисунок ниже). Вкладка появляется, как только сохраняете товар, если Вы только-что начали его создание.

Комбинации
Комбинации

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

Можно добавлять по одному полю/значению, а можно добавить всё вместе, нажав на кнопку Generate (Генерировать). По нажатию на эту кнопку DJ-Catalog2 создаст все сочетания всех значений полей. На рисунке ниже показан пример автоматической генерации комбинаций товаров на основании 3-х значений одного и второго поля. Вам останется заполнить для каждой позиции артикул, цену и наличие.

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

Комбинации товаров
Комбинации товаров

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

Если цена товара не меняется в зависимости от комбинаций, то её нужно оставить без изменений – «0.00». Также основному товару на вкладке Коммерция стоит задать Всегда для опции В наличии.

На рисунке ниже показан пример выбора комбинации товара во фронтальной части сайта.

Каталог для Joomla
Каталог для Joomla

Кастомизация товаров (изменения товаров покупателями)

В DJ-Catalog2 есть возможность сделать «настраиваемый» покупателем товар. Например, прикрепить файл с изображением, которое нужно напечатать на продаваемой Вами чашке; добавить надпись на футболку; заказать подарочную упаковку и так далее. В компоненте это называется «кастомизация». Для создания вариантов кастомизации перейдите в раздел Кастомизация товаров и создайте новый элемент (рисунок ниже).

Создание кастомизации
Создание кастомизации
  • Название. Появляется во фронтальной части сайта.
  • Тип. Можно автоматически прикрепить созданную кастомизацию ко всем товарам в магазине – Любой товар; Для всей корзины – изменение товара будет добавлено в корзину отдельной позицией к списку всех товаров; Для индивидуального товара – кастомизация может быть вручную добавлена к каждому отдельному товару при его редактировании на вкладке Кастомизация товара.
  • Цена. Стоимость одной кастомизации. Можно сделать её бесплатной. Просто укажите «0.00» (без кавычек).
  • Налоговая ставка. Налог на цену кастомизации.
  • Модификатор цены. Если выбрано Один товар (один раз), то опции цены не будут зависеть от количества товаров, на которые влияет кастомизация. А если указано Несколько (по количеству товаров), то цена кастомизации умножается на количество товаров.
  • Минимальное. Максимальное количество. Минимальное и максимальное количество товаров, к которому можно применить кастомизацию. «0» – без ограничений.
  • Опции кастомизации. Можно добавить несколько полей кастомизации. Доступны типы Текст (поле ввода) и Файл (загрузка файла на сайт). При выборе Файл можно ограничить форматы загружаемых файлов и их размер.

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

Корзина
Корзина

На рисунке ниже показан пример добавления кастомизации к товару в админке. Как видите, тут можно задать ограничения по количеству и назначить цену.

Кастомизация товаров
Кастомизация товаров

На рисунке ниже показан пример фрагмента страницы с выбором кастомизации товара.

Кастомизация товара
Кастомизация товара

Налоги и правила НДС

В DJ-Catalog2 есть возможность создавать правила налогов. Причём, это можно сделать с привязкой к разным странам. Привязка по стране учитывается на основании данных покупателя. Налоги можно применять к товарам, кастомизации, доставке и так далее.

Есть два раздела для управления налогами:

  • Ставки НДС. Тут Вы можете создать реальные налоговые правила с привязкой к стране и указанием реального расчётного значения налога.
  • Правила НДС. Тут можно создать виртуальное налоговое правило.

Пример. Есть три страны с разными налогами:

  1. Белоруссия – 18% НДС.
  2. Россия – 19% НДС.
  3. Украина – 20% НДС.

В разделе Ставки НДС нужно создать три ставки с указанием названия (оно не отображается на сайте), реальной налоговой ставкой (она учитывается в расчётах), страны (согласно стране будет применяться правило). На рисунке ниже показан пример одной такой ставки.

Ставка НДС
Ставка НДС

Затем в разделе Правила НДС нужно создать правило, агрегирующее ранее созданные ставки (рисунок ниже). Указанное тут название видно на сайте, налоговая ставка задаётся для примера (расчёта цены в админке), а в поле Ставки НДС Вы указываете все созданные ранее ставки НДС.

Налоговое правило
Налоговое правило

Далее в настройках товара во вкладке Коммерция в спадающем списке Налоговая ставка выберите то, что нужно. Тут доступны именно Правила НДС.

Скидка за количество
Скидка за количество

На основании указанной Вами цены товара и налоговой ставки DJ-Catalog2 будет рассчитывать налог с товара, который нужно заплатить. Естественно, на основании страны покупателя. На рисунке ниже показан пример расчёта налога в корзине для покупателя из Украины. Видно, что он платит $100, из которых в виде налога будет уплачено $16,67, а цена товара без налога составляет $83,33.

Расчёт налога
Расчёт налога

Сравнение товаров

Вы можете предоставить возможность сравнивать товары в интернет-магазине. Для этого перейдите в настройки DJ-Catalog2 во вкладку Страница сравнения товаров и для опции Включить сравнение товаров выберите Да. На этой же вкладке Вы сможете задать ограничение на количество сравниваемых товаров, настроить макет страницы сравнения и включить/отключить поля местоположения для сравнения.

Настройки сравнения товаров
Настройки сравнения товаров

На рисунке ниже показан фрагмент страницы категории товара с опциями добавления к сравнению и переходом к простору сравнительной таблицы.

Добавление товаров к сравнению
Добавление товаров к сравнению

А так выглядит таблица сравнения товаров (рисунок ниже). Таблица адаптивная и на мобильных устройствах у неё появится горизонтальная полоса прокрутки (это не нарушит рекомендации по адаптации сайта для мобильных устройств).

Таблица сравнения товаров
Таблица сравнения товаров

Быстрый просмотр товаров в категории

В настройках интернет-магазина на вкладке Список товаров в области Макет товаров есть опция Ссылка на предварительный просмотр. Если её включить, то в категориях товаров появится возможность быстрого просмотра информации о товаре во всплывающем окне (рисунок ниже).

Быстрый просмотр товаров в категории
Быстрый просмотр товаров в категории

Сжатие изображений

В разделе Изображения (рисунок ниже) можно запустить оптимизацию (сжатие) изображений товаров (миниатюр) при помощи сервиса reSmush.it. Сжатие без потерь качества и относится к разным миниатюрам, в том числе к миниатюрам, создаваемых модулями.

Сжатие изображений товаров
Сжатие изображений товаров

В следующей статье «Обзор DJ-Catalog2 для Joomla. Интернет-магазин» мы рассмотрим настройку счетов, создание меток товаров (беджей) и настройку фильтра товаров на AJAX.

 

Полезные ссылки:

При скачивании файлов менеджерами загрузок возможны проблемы.
ФайлОписание
Скачать этот файл (primery-pdf.zip)PDF файлыПримеры счетов заказа