Расширения

Уроки DJ-Catalog2. Каталог для Joomla 3

 

 

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

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

Создание каталога на нескольких языках (FaLang)

DJ-Catalog2 не работает со штатной мультиязычностью Joomla. Это связано с особенностью этой мультиязычности и сложностью создания совместимости с ней (по словам разработчика). Но несмотря на это Вы всё равно можете создать мультиязычный каталог. Это можно сделать при помощи специального компонента FaLang. Обратите внимание, что при заполнении сайта товарами из фронтальной части, к сожалению, нет возможности его перевода на несколько языков. То есть, придётся переводить из админки Джумла.

FaLang есть как в бесплатной, так и в платной версии (от €44,90). Ниже приведена краткая пошаговая инструкция на примере англоязычной бесплатной версии FaLang 2.8.0. По большому счёту, Вам нужно настроить родной «механизм» мультиязычности Joomla, а потом заниматься переводом в FaLang.

Установите DJ-Catalog2, FaLang и файлы всех языков, которые Вам нужны. Это всё можно сделать в Joomla в Расширения – Менеджер расширений – Установить. Немного подробнее об установке языковых файлов Joomla можно прочесть в этой статье.

Перейдите в Расширения – Менеджер языков – Языки контента и нажмите на зелёную кнопку Создать в левом верхнем углу страницы. Создайте столько языков контента, сколько Вы установили локализаций на сайт и сколько нужно для Вашей мультиязычности. На рисунке ниже приведён пример создания русского языка контента.

Создание языка контента
Создание языка контента

Убедитесь, что Вы ввели правильное значение в поля Код языка для URL и Тег языка. Уточните их тут. Как правило, код языка и префикс изображения - это двух символьное значение. Обязательно опубликуйте язык контента.

Перейдите в Расширения – Менеджер плагинов и включите плагин «Система - Фильтр языка». Если у Вас Joomla 3.6.1 и более новая, то в настройках плагина «Система - Фильтр языка» для опции Порядок задайте 0 Самый первый. Или убедитесь в том, что плагин «Система - Фильтр языка» стоит выше чем плагин «System - FaLang Database Driver».

Убедитесь, что плагины «System - FaLang Database Driver» и «System - FaLang Quick Jump» опубликованы.

Перейдите в Расширения – Менеджер модулей. Найдите модуль тип «FaLang Language Switcher» включите его. На вкладке Привязка к пунктам меню (в настройках модуля) выберите На всех страницах для опции Привязка модуля. Опубликуйте модуль в нужной Вам позиции. До тех пор, пока перевод не будет готов, можно отключить данный модуль или сделать его доступным только для администраторов.

Скачайте с сайта разработчика и установите плагин «DJ-Catalog2 XML files for Falang» (файл «falang_djcatalog2.zip»).

Перейдите в Компоненты – FaLang – Translation. В спадающем списке Languages выберите тот язык, на который нужно перевести элементы каталога Joomla. Обратите внимание, если у Вас на сайте в качестве языка сайта по умолчанию задан русский (Расширения – Менеджер Языков – Установлено – Сайт)., то его не будет в спадающем списке Languages в FaLang. В спадающем списке Content elements выберите те элементы каталога, которые Вы хотите перевести (рисунок ниже).

Каталог товаров Joomla
Каталог товаров Joomla

Откройте первый элемент и начните перевод (рисунок ниже).

Мультиязычный каталог
Мультиязычный каталог

Перевод элементов интерфейса DJ-Catalog2

Вышеописанный способ локализации каталога относится к контенту сайта. Но в DJ-Catalog2 есть текстовые строки, которые относятся к интерфейсу каталога. Например, сообщения во фронтальной части сайта, подписи на кнопках и так далее. Для их перевода можно воспользоваться установкой готового файла локализаций, например, русификатора, а можно создать свой или изменить существующий. Лично я для таких целей использую или специальные сервисы (но они платные) или компонент Freestyle Translation Manager (есть платная и бесплатная версия с русификатором). Но разработчики каталога товаров Joomla рекомендуют компонент Localise. Ниже приведённая инструкция базируется на англоязычной версии Localise 4.0.24-dev. Предполагается, что DJ-Catalog2 и все его дополнения уже у Вас установлены. Также предполагается, что у Вас установлены все нужные локализации Joomla и DJ-Catalog2.

  1. Скачайте и установите Localise.
  2. Перейдите в Компоненты – Localise – Translations и в фильтре слева укажите нужное Вам местоположение перевода и язык (рисунок ниже). В поле поиска можно ввести «djcatalog».
  3. Нажмите на нужное Вам название файла и на появившейся странице перейдите на вкладку Strings, найдите нужную Вам строку и внесите изменения.
Перевод DJ-Catalog2
Перевод DJ-Catalog2

Помимо этого, можно отредактировать сами файлы языка (по FTP или в панели управления хостингом). Приведу пример расположения русскоязычных файлов для DJ-Catalog2 3.5.5. Они расположены в двух папках. В «administrator/language/ru-RU» (файлы перевода админки и плагинов):

  1. «ru-RU.com_djcatalog2.ini»
  2. «ru-RU.com_djcatalog2.sys.ini»
  3. «ru-RU.plg_content_djcatalog2.ini»
  4. «ru-RU.plg_content_djcatalog2.sys.ini»
  5. «ru-RU.plg_djcatalog2_customfield.ini»
  6. «ru-RU.plg_djcatalog2_jlexreview.ini»
  7. «ru-RU.plg_djcatalog2_jlexreview.sys.ini»
  8. «ru-RU.plg_djcatalog2_pagebreak.ini»
  9. «ru-RU.plg_djcatalog2_pagebreak.sys.ini»
  10. «ru-RU.plg_finder_djcatalog2.sys.ini»
  11. «ru-RU.plg_quickicon_djcatalog2.ini»
  12. «ru-RU.plg_quickicon_djcatalog2.sys.ini»
  13. «ru-RU.plg_search_djcatalog2.ini»
  14. «ru-RU.plg_search_djcatalog2.sys.ini»
  15. «ru-RU.plg_user_djcatalog2.ini»
  16. «ru-RU.plg_user_djcatalog2.sys.ini»
  17. «ru-RU.plg_xmap_com_djcatalog2.ini»
  18. «ru-RU.plg_xmap_com_djcatalog2.sys.ini»

В «language/ru-RU» (файлы перевода сайта и модулей):

  1. «ru-RU.com_djcatalog2.ini»
  2. «ru-RU.mod_djc2cart.ini»
  3. «ru-RU.mod_djc2cart.sys.ini»
  4. «ru-RU.mod_djc2categories.ini»
  5. «ru-RU.mod_djc2categories.sys.ini»
  6. «ru-RU.mod_djc2filters.ini»
  7. «ru-RU.mod_djc2filters.sys.ini»
  8. «ru-RU.mod_djc2frontpage.ini»
  9. «ru-RU.mod_djc2frontpage.sys.ini»
  10. «ru-RU.mod_djc2items.ini»
  11. «ru-RU.mod_djc2items.sys.ini»
  12. «ru-RU.mod_djc2producers.ini»
  13. «ru-RU.mod_djc2producers.sys.ini»
  14. «ru-RU.mod_djc2relateditems.ini»
  15. «ru-RU.mod_djc2relateditems.sys.ini»
  16. «ru-RU.mod_djc2search.ini»
  17. «ru-RU.mod_djc2search.sys.ini»

Переопределение констант

Отмечу, что при установке нового файла локализаций ни способ с правкой файлов при помощи Localise ни с правкой по FTP не сохранят Ваши изменения. Если нужно задать свой перевод для каких-то строк интерфейса и при этом сохранить их при обновлении, то:

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

В статье «Видео инструкции Джумла (часть 3). Как самостоятельно и бесплатно создать сайт» показан наглядный пример выполнения вышеописанных действий (начните смотреть видео с 20:44). А в статье «Переопределение констант Joomla 4. Перевод элементов интерфейса» есть видео урок по работе с данным инструментом в Джумла 4.

Переопределение языковой константы
Переопределение языковой константы

Изменения таблицы стилей и макета каталога

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

  1. Создайте новую папку в «/components/com_djcatalog2/themes/moya_tema». Где «moya_tema» имя Вашей папки. В папке «/components/com_djcatalog2/themes» уже есть папка «default». Ничего с ней не делайте (не удаляйте, не переименовывайте, не перемещайте).
  2. Скопируйте из папки «components/com_djcatalog2/themes/default» только те папки и файлы, которые хотите изменить.
  3. Перейдите в админку Joomla и в настройках DJ-Catalog2 на вкладке Главные настройки в спадающем списке Тема выберите Вашу тему.

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

  1. Скопируйте файлы\папки макета «/components/com_djcatalog2/views/{imya_papki}/tmpl/{imya_fajla}.php» в «/templates/{vash_shablon}/html/com_djcatalog2/{imya_papki}/{imya_fajla}.php». Где «imya_papki» – имя папки, содержащей нужные файлы макета страницы, «imya_fajla» – имя файла макета страницы, «vash_shablon» – имя папки шаблона сайта Joomla. Или можно скопировать файлы\папки макета «/components/com_djcatalog2/views/{imya_papki}/tmpl/{imya_fajla}.php» в «/components/com_djcatalog2/themes/moya_tema/views/{imya_papki}/». Где «moya_tema» имя Вашей папки темы DJ-Catalog2.
  2. Внесите нужные Вам изменения в файлы макета.

Предупреждение «Вы не опубликовали ни одного элемента меню…»

Сразу после установки каталога товаров Joomla, зайдя в его панель управления, Вы можете увидеть сообщение: «Вы не опубликовали ни одного элемента меню, ссылающегося на корневой раздел в Разделах (Элементах). Советуем Вам сделать это.». Вам нужно всего лишь создать и опубликовать пункт меню (в менеджере меню Joomla) тип «Список товаров (таблица или блог/плитка)». В его настройках на вкладке Пункт меню для опции Раздел выберите значение Корневой раздел. Это нужно для:

  1. Формирования красивых ЧПУ (SEF) ссылок.
  2. Гибкого назначения модулей.
  3. Правильной сортировки при поиске или применения фильтров по товарам каталога.

Использование капчи в форме отправки вопроса о товаре

Я противник применения капч, которые требуют каких-то действий от пользователей. Но иногда, для защиты от спама, это необходимо сделать. Рассмотрим, как это сделать на примере стандартного плагина капчи «CAPTCHA – reCAPTCHA».

В Расширения – Менеджер плагинов найдите плагин «CAPTCHA – reCAPTCHA». В его настройках укажите публичный и приватный ключи, которые можно получить на сайте Google.

Перейдите в Компоненты – DJ-Catalog2 –Настройки. На первой вкладке Главные настройки, в области Настройки формы контактов в спадающем списке Капча укажите CAPTCHA – reCAPTCHA (рисунок ниже).

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

Также можно активировать использование этой же или другой капчи на вкладке Корзина (область Параметры запроса корзины, опция Капча). Это добавит капчу при отправке запроса из корзины (при «оформлении заказа»).

Так как компонент каталогов Joomla позволяет применять любой плагин капчи, совместимый со «стандартным механизмом» Джумла, предлагаю обратить своё внимание на eKerner Captcha – NoCaptcha. Вашим пользователям не придётся вводить никакие символы, а Вы получите защиту от спама (100% гарантии никто не даёт). Кстати говоря, плагин eKerner Captcha – NoCaptcha полностью переведён на русский язык.

Как изменить размер картинок

Если Вам нужно изменить размер изображений каталога для Joomla 3, перейдите в настройки компонента на вкладку Процесс создания изображений и измените нужные Вам параметры. Затем вернитесь на главную страницу DJ-Catalog2 и перейдите в раздел Изображения. Сгенерируйте или все, или только изменённые Вами изображения, нажав на соответствующую кнопку в строке Сгенерировать миниатюры. Обратите внимание, что процесс может затянуться и нагрузить сервер в случае, когда изображений много.

Системные требования DJ-Catalog2

По большому счёту, DJ-Catalog2 будет работать на большинстве современных хостингов, где нормально работает Joomla 3.х. Требования компонента каталога включают в себя требования к самой CMS. Лучше, если будут выполняться рекомендованные, а не минимальные требования. Заметьте, что в нижней части указанной страницы, под таблицами, есть примечания и дополнения касательно требований. Помимо этого, разработчики DJ-Catalog2 заявили такие требования:

  • MySQL версии 5.1 и более новой.
  • Наличие CURL.
  • Наличие библиотеки GD версии 2 и более новой.
  • Наличие библиотеки MooTools.

Заявленные поддерживаемые браузеры (стабильной актуальной версии):

  • Chrome.
  • FireFox.
  • Internet Explorer 10 и более новый.
  • Opera.
  • Safari.

Отображение описания товаров во вкладках или аккордеоне

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

DJ-Catalog2 - Разрыв страницы
DJ-Catalog2 - Разрыв страницы

Зайдите в настройки нужного Вам товара в DJ-Catalog2. На первой вкладке в поле Описание введите текст, разделяя его части при помощи кнопки Разрыв страницы (рисунок ниже).

Вставка разрывов страницы
Вставка разрывов страницы

На рисунке ниже показан пример отображения описания во вкладках. Обратите внимание, что фраза «Краткое описание товара.» вставлена в поле Краткое описание, а фраза «Полное описание товара.» вставлена в поле Описание над первым разрывом страницы.

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

Ошибка 403 при загрузке вложенного файла с сайта

Как Вы знаете, компонент каталогов Joomla позволяет добавлять файлы к товарам (в качестве вложений). Может возникнуть ситуация, когда файл прикреплён к товару, но при попытке его загрузки с сайта появляется сообщение: «403 - Для просмотра этой информации необходимо пройти авторизацию». Чтобы устранить это, перейдите в настройки DJ-Catalog2 на вкладку Права и для группы пользователей Public укажите в столбце Выбор нового значения значение Разрешено для действия Загрузка файла (рисунок ниже).

Компонент каталогов Joomla
Компонент каталогов Joomla

Как изменить порядок следования картинок на странице товара

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

Изображения товаров
Изображения товаров

Как сменить валюту

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

Настройка валюты и цен
Настройка валюты и цен

Как скрыть кнопку «Подробнее» в подразделах

Если Вам нужно скрыть кнопку «Подробнее…» возле товаров в подразделах (не путать с разделами), то перейдите в настройки DJ-Catalog2 на вкладке Подразделы и выберите значение Скрыть в спадающем списке Читать далее. Не забывайте сохранять настройки.

В следующей статье «Уроки DJ-Catalog2. Каталог на Джумла» мы продолжим рассмотрение ответов на часто задаваемые вопросы по данному расширению. Затронем такие темы: добавление изображений к товарам, добавление дочерних товаров, использование экстра полей (настраиваемые поля) и так далее.

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

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

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

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