Расширения

Уроки DJ-Catalog2. Каталог на Джумла

 

 

DJ-Catalog2 – русскоязычный компонент для самостоятельного создания каталогов любой тематики на Joomla 3. Каталог может быть на любом языке и даже не на одном (поддержка мультиязычности). В предыдущей статье мы начали рассматривать ответы на часто задаваемые вопросы касательно этого расширения. Также есть ряд обзорных статей по возможностям и опциям данного компонента.

Уроки основаны на русскоязычной версии DJ-Catalog2 3.5.5 в Joomla 3.6.5. Шаблон сайта – JM Hotel 1.0.0.

Изображения товаров и интеграция с DJ-MediaTools

Существует два способа добавления одной или нескольких картинок к товару каталога. Это можно сделать при помощи штатных средств компонента в настройках товара на вкладке Изображения (рисунок ниже).

DJ-Catalog2
DJ-Catalog2

Второй способ основан на интеграции компонента галереи DJ-MediaTools и DJ-Catalog2. Установите DJ-MediaTools и плагин интеграции с DJ-Catalog2 (он идёт в комплекте с компонентом галереи), в Компоненты – Менеджер плагинов включите плагин «Источник DJ-MediaTools - Галереи DJ-Catalog2». Затем перейдите в Компоненты – DJ-MediaTools – Альбомы. На первой вкладке для опции Источник альбома укажите Галерея товаров DJ-Catalog2 (рисунок ниже). В дальнейшем, чтобы настроить отображение изображений на страницах товаров DJ-Catalog2 Вам нужно будет заходить в настройки альбома DJ-MediaTools и менять различные опции.

Как создать сайт каталог
Как создать сайт каталог

Перейдите в настройки DJ-Catalog2 и на вкладке Процесс создания изображений в области Интеграция DJ-MediaTools (DJ-MT) включите опцию Интеграция DJ-MediaTools (DJ-MT). Далее для опций Альбом DJ-MT – Товар, Альбом DJ-MT – Категория, Альбом DJ-MT – Производитель можно указать один и тот же или разные альбомы DJ-MediaTools (рисунок ниже). Можно указать альбом DJ-MediaTools только для одной из опций. Добавляя альбомы для той или иной опции Вы указываете, где именно нужно применять отображение картинок при помощи галереи DJ-MediaTools. Обратите внимание, что сами картинки Вы по-прежнему добавляете в DJ-Catalog2.

Интеграция с DJ-MediaTools
Интеграция с DJ-MediaTools

Опция Минимальное значение DJ-MT служит для указания минимального количества изображений, при которых будет применяться отображение картинок при помощи галереи DJ-MediaTools. Например, если для этой опции задано значение «5», а у товара всего четыре изображения, то к этому товару будет применяться стандартное отображение изображений DJ-Catalog2, а не DJ-MediaTools.

Добавление дочерних товаров

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

Настройки дочерних товаров
Настройки дочерних товаров

Обратите внимание, что при фильтрации или поиске экстра-атрибуты дочерних товаров будут игнорироваться. Учитываются только экстра-атрибуты родительских товаров.

Обратите внимание, что родительский товар уже должен быть создан. Перейдите в раздел Товары, создайте новый товар или откройте существующий (его мы будем делать дочерним). В настройках этого товара на первой вкладке для опции Родитель (рисунок ниже) укажите родительский товар.

Компонент каталога для Joomla 3
Компонент каталога для Joomla 3

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

Каталог Джумла
Каталог Джумла

Для редактирования дочерних товаров нажмите на ID родительского товара в таблице на вкладке Товары (рисунок ниже).

Каталог товаров Джумла
Каталог товаров Джумла

Проблема с «хлебными крошками»

Если «хлебные крошки» (модуль Joomla «Навигатор сайта») неправильно отображает путь к странице категории, подкатегории или товара каталога, перейдите в настройки этого модуля и на вкладке Дополнительные параметры для спадающего списка Кэширование выберите Не кэшировать.

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

Плагин «DJ-Catalog2 - Экстра поля»

Плагин «DJ-Catalog2 - Экстра поля» позволяет отображать любое экстра-поле в любом месте описания товара при помощи вставки определённого фрагмента кода. Подразумевается, что экстра-поля у Вас уже созданы, и создан товар с их использованием.

Перейдите в Расширения – Менеджер плагинов и включите плагин «DJ-Catalog2 - Экстра поля». Синтаксис такой:

«{djc2customfield color}» (без кавычек-ёлочек). Отображает экстра-поле, алиас которого «color».

«{djc2customfield specification label="0" unset="0"}» (без кавычек-ёлочек).  Отображает экстра-поле, алиас которого «specifiation», прячет его название и позволяет показать атрибут в стандартной панели экстра-полей. Если для значения «label» указать «1», то будет отображаться название экстра-поля. Если для значения «unset» указать «1», то экстра-поле будет спрятано из стандартной панели экстра-полей.

Вы также сможете показать все доступные поля из определённой группы полей. Вам нужно использовать код «{djc2fieldgroup X layout="Y"}» (без кавычек-ёлочек), где "Y" является макетом (есть 4 макета), а «Х» – ID группы полей. Например (без кавычек-ёлочек):

  1. «{djc2fieldgroup 1 layout="table"}».
  2. «{djc2fieldgroup 2 layout="list"}».
  3. «{djc2fieldgroup 3 layout="divs"}».
  4. «{djc2fieldgroup 4 layout="inline"}».

Алиас экстра-поля можно посмотреть в разделе Экстра поля в компоненте каталога для Joomla 3 (рисунок ниже). Название группы полей можно посмотреть в разделе Группы полей.

Алиас экстра-поля
Алиас экстра-поля

Зная алиас экстра-поля, перейдите в настройки товара и в поле Описание добавьте код. На рисунке ниже показаны примеры нескольких таких кодов.

Вставка экстра-поля в описание товара
Вставка экстра-поля в описание товара

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

Экстра-поля на страницах каталога
Экстра-поля на страницах каталога

Разница между макетом «list» и «divs» в том, что при использовании макета «list» HTML-код элемента выглядит так:

<ul class="djc_attributes_list">
<li class="djc_attribute">
<li class="djc_attribute">
<li class="djc_attribute">
<li class="djc_attribute">
</ul>

А при использовании макета «divs» HTML-код элемента выглядит так:

<div class="djc_attributes">
<div class="djc_attribute">
<div class="djc_attribute">
<div class="djc_attribute">
<div class="djc_attribute">
</div>

Импорт товаров с экстра полями

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

Сперва перейдите в раздел Группы полей и создайте новую группу экстра-полей. Затем перейдите в раздел Экстра поля и создайте новые экстра-поля с теми типами, которые Вам нужны. В моём примере будет два поля. Тип Текст и Спадающий список. Причём, значения этих полей будут импортироваться для каждого товара из CSV. На рисунке ниже показан пример поля тип Текст. Обратите внимание на значение поля Алиас и Тип.

Экстра-поле Текст
Экстра-поле Текст

На рисунке ниже показан пример поля тип Спадающий список. Обратите внимание на значение поля Алиас, Тип и название опций спадающего списка.

Экстра поле Спадающий список
Экстра поле Спадающий список

А вот как выглядит CSV-файл (рисунок ниже).

Таблица импорта товаров
Таблица импорта товаров

Если открыть её в блокноте, там будут такие записи:

name;description;_ekstra_polya_1;_ekstra_polya_2
Имя товара 1;Описание товара 1;Любой текст 1;Значние 1-1,Значение 1-2,Значение 1-3
Имя товара 2;Описание товара 2;Любой текст 2;Значние 2-1,Значение 2-2,Значение 2-3
Имя товара 3;Описание товара 3;Любой текст 3;Значние 3-1,Значение 3-2,Значение 3-3

Столбец «name» – обязательное. Столбцы «_ekstra_polya_1» и «_ekstra_polya_2» названы так, чтобы соответствовать алиасам экстра-полей, но перед алиасом знак нижнего подчёркивания. Обратите внимание, что значение столбца «_ekstra_polya_2» содержит те же значения (опции\атрибуты), что были заданы в настройках экстра-поля тип Спадающий список. На рисунке ниже показан пример настроек импорта товаров с выделением важных опций.

Настройки импорта товаров
Настройки импорта товаров

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

Печать страниц каталога товаров

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

Группировка экстра полей

Давайте рассмотрим действия, которые необходимо сделать для объединения экстра-полей в группы и отображения нескольких таких групп на странице товара.

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

Новое поле
Новое поле

Перейдите в настройки DJ-Catalog2 на вкладку Страница товара и активируйте опцию Группировать атрибуты. Затем перейдите в раздел Товары и откройте нужный товар на вкладке Атрибуты товара, для опции Группа полей выберите те группы, которые Вам нужны (рисунок ниже).

Группа полей
Группа полей

После этого они появятся на сайте в виде нескольких таблиц (рисунок ниже).

Атрибуты товара на сайте
Атрибуты товара на сайте

Интеграция с умным поиском Joomla

Компонент каталога для Joomla 3 может быть интегрирован с умным поиском Джумла с возможностью применения данных из DJ-Catalog2 в автоподсказках поиска. Автоподсказки для поиска дают возможность пользователям не завершать набор всего искомого слова (или фразы), а выбрать правильный вариант (если такой есть) из спадающего списка под полем поиска. Поле появится автоматически при начале ввода первых букв запроса в случае, если будут найдены совпадения в индексе. Подробнее об умном поиске можно прочесть тут.

Сперва перейдите в Расширения – Менеджер плагинов и убедитесь, что плагин «Умный поиск - DJ-Catalog2» включён.

Затем перейдите в Компоненты – Умный поиск и в настройках расширения проверьте значение опции Автоподсказки поиска (она должна быть включена – Показать). Вернитесь на станицу компонента и нажмите кнопку Индексировать в левом верхнем углу. Дождитесь окончания операции.

Перейдите в Расширения – Менеджер модулей и создайте\проверьте модуль умного поиска. Убедитесь, что опция Автоподсказки поиска включена. Если всё нормально, теперь автоподсказки должны работать.

Поля при регистрации пользователей на сайте

Если Вас интересует вопрос, как создать сайт-каталог с возможностью добавления товаров\услуг из фронтальной части, то DJ-Catalog2 - это тот инструмент, который позволит такое сделать. Могут возникать ситуации, когда нужно знать какую-то дополнительную информацию о пользователе. В таком случае есть смысл при регистрации добавить несколько полей, которые он будет заполнять.

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

  1. Скрыто. Поле не будет показано в форме.
  2. Не обязательно. Поле будет показано в форме регистрации, но его заполнение не обязательно.
  3. Обязательно. Поле будет показано в форме регистрации и его заполнение обязательно.
Пользователь DJ-Catalog2
Пользователь DJ-Catalog2

Пример регистрационной формы показан на рисунке ниже.

Форма регистрации
Форма регистрации

В последствии Вы сможете просмотреть/изменить информацию о пользователей в админке сайта в Пользователи – Менеджер пользователи – «имя нужного Вам пользователя» – Профиль пользователя. Сам пользователь тоже может это сделать во фронтальной части сайта, если Вы создадите пункт меню, в менеджере меню Joomla, тип Менеджер пользователей – Профиль пользователя.

Как удалить товар в DJ-Catalog2

Для удаления товара перейдите в Компоненты – DJ-Catalog2 – Товары. Выделите нужный товар и нажмите кнопку Удалить (рисунок ниже).

Удаление товара из каталога
Удаление товара из каталога

Обратите внимание, что это безвозвратно удалит товар.

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

Можно поместить товар в корзину. После выделения товара достаточно нажать В корзину. При этом он не будет виден во фронтальной части сайта всем посетителям, но его можно будет редактировать в админке и в нужный момент вернуть. Чтобы увидеть товары в корзине, укажите значение В корзине для спадающего списка Выбор состояния (рисунок ниже).

Товар в корзине
Товар в корзине

Если нужно безвозвратно удалить товары из корзины, то выберите их и нажмите кнопку Удалить.

Ссылка «Показать на карте Google»

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

В этой статье подробно описано, и показано в видео-уроке, бесплатное получение ключа API Google карты (на 01 декабря 2018).

Ссылка на карту Google
Ссылка на карту Google

Отправка уведомлений владельцам товаров

Как Вы знаете, каталог Джумла оснащён аналогом корзины интернет-магазина. В случае с корзиной DJ-Catalog2 посетитель сайта не покупает товар, а отправляет запрос его владельцу. Владельцем товара является тот, кто добавил товар, или тот, кто указан в поле Автор настроек товара во вкладке Параметры публикации. Это обязательно должен быть зарегистрированный пользователь.

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

Отображение цены в корзине

Если Вы хотите отображать цену товаров в корзине компонента каталога для Joomla 3 (рисунок ниже), перейдите в настройки DJ-Catalog2 на вкладку Корзина и активируйте опцию Показывать цены в области Основные настройки корзины.

Цены в корзине
Цены в корзине

Артикул товара во фронтальной части сайта

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

Если у Вас возникли вопросы касательно создания сайта каталога на Joomla и DJ-Catalog2, задавайте их в комментариях к статьям, я постараюсь ответить максимально оперативно. Пожалуйста, задавая вопросы, указывайте полную версию компонента, CMS, названия и версии сторонних расширений (если вопрос с ними связан), название и версию шаблона сайта, а также укажите, на каком хостинге (локальном или нет) Вы тестируете сайт. Сразу отмечу, что не являюсь сотрудником DJ-Extensions.com.

В следующей статье «Видео уроки DJ-Catalog2 (часть 1). Создание каталога» будет показан пример установки DJ-Catalog2, шаблона каталога и их предварительная настройка. А в следующих уроках мы рассмотрим настройки импорта и поля таблицы импорта товаров, категорий, производителей.

Похожие материалы
Автор статьи – Хорошевский Алексей

Хорошевский Алексей Примерно с 2008 года и по сегодняшний день создаю сайты «под ключ» на Joomla и WebSite X5. Также занимаюсь их доработкой, SEO-продвижением, контекстной рекламой, защитой от взлома и оптимизацией скорости загрузки сайта.

Кандидат технических наук по специальности «Информационные технологии».

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

 

 

Скачать файл Описание
zip Для импорта Пример импорта товаров