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

 

 

DJ-Classifieds 3 – русскоязычное расширение для создания многофункциональной доски объявлений на Joomla 3. Среди «стандартных» возможностей сайта объявлений: категории, добавление записей обычными пользователями, поиск, фильтрации и т.д., компонент предоставляет функции аукциона и полноценной торговли товарами, как в интернет-магазине. В предыдущей статье «Уроки DJ-Classifieds (часть 2). Монетизация, валюта, оплата» были рассмотрены вопросы заработка на доске объявлений её владельцем путём предоставления платных услуг, а также показан процесс добавления продаваемого товара и процесс его покупки. В этой статье, в основном, пойдёт речь о дополнительных полях и о том, как скрывать/отображать разные элементы на страницах сайта.

В статье будет рассмотрена последняя, на момент её написания (16.09.2017), стабильная русскоязычная версия DJ-Classifieds 3.6.8 и Joomla 3.7.5. Шаблон фронтальной части сайта JM Services 1.0.4 (фреймворк EF 4.7.8), шаблон административной части сайта – Isis 1.0. Горизонтальное меню – DJ-MegaMenu Pro 3.5.4.

Демонстрационный сайт базируется на «пакете» с «быстрым стартом» (Quickstart), который предоставляется с DJ-Classifieds по отдельной подписке. Поэтому содержимое сайта (тексты объявления, названия категорий и т.д.) содержит англоязычные материалы. В основу легли материалы из блога и раздела о часто задаваемых вопросах сайта разработчика.

Продвижение объявлений

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

Ещё один стимул, который может побудить пользователей покупать продвижение, это создание модуля, в котором будут отображаться только продвигаемые объявления. Модуль можно опубликовать в любой позиции шаблона сайта или в позиции компонента DJ-Classifieds.

Для этого в самой Joomla в Расширения – Модули создайте модуль тип «DJClassifieds Items». Укажите его заголовок, позицию, страницы, на которых нужно его отображать. Укажите количество объявлений и число колонок, в которых нужно их отображать. Также можете настроить другие параметры. А для показа продвигаемых объявлений активируйте одну или несколько опций (рисунок ниже):

  • Только платные ''Спец''.
  • Только платные ''Первое''.
  • Только платные ''Жирным''.
  • Только платные ''Рамка''.
  • Только платные ''Фон''.
Модуль объявлений Joomla
Модуль объявлений Joomla

Обратите внимание, что если продвигаемых объявлений больше, чем Вы указали в опции Количество объявлений, то будут показаны первые N, с учётом опции Сортировка.

Бесконечный срок публикации объявления

Чтобы задать бесконечный срок публикации объявления перейдите в DJ-Classifieds в раздел Сроки публикации и при создании/редактирования срока (рисунок ниже) укажите «0» (без кавычек) для опции Дней (рисунок ниже). Вы можете установить за него оплату в баллах или обычных деньгах, а также сделать бесплатным.

Бесконечный срок публикации
Бесконечный срок публикации

Дополнительные поля в нескольких столбцах

Рассмотрим пример расположения дополнительных полей объявления на странице объявления в несколько столбцов. Это может сильно зависеть от шаблона сайта. По умолчанию, дополнительные поля отображаются в один столбец (рисунок ниже).

Доска объявлений Joomla 3
Доска объявлений Joomla 3

По умолчанию, стили находятся в теме компонента, в моём случае, «components/com_djclassifieds/themes/clean/css/style.css» или в папке с шаблоном сайта. Можно открыть этот файл и добавить туда следующий код:

#dj-classifieds .dj-item .custom_det_content {
column-count: 2;
}

Где «2» – количество колонок. В результате этого дополнительные поля будут размещены в два столбца (рисунок ниже).

DJ-Classifieds 3
DJ-Classifieds 3

Если нужно сделать область с полями адаптивной, код будет примерно таким:

@media screen and (min-width: 751px) {
#dj-classifieds .dj-item .custom_det {
float: left;
width: 46.9%;
margin-right: 3%;
column-count: 2;
}

В принципе, данный код лучше вставить в специальный файл Вашего шаблона сайте, где задаются переопределения стилей. Например, в шаблонах от Joomla-Monster на фреймворке EF4 такие переопределения нужно добавлять в файл «custom.less», находящийся в папке «templates/nazvanie-vashego-shablona/less».

Сортировка дополнительных полей

В предыдущей статье «Уроки DJ-Classifieds (часть 1). Ответы на популярные вопросы» мы рассмотрели, как можно отсортировать категории доски объявлений. Чтобы отсортировать дополнительные поля, перейдите в раздел Поля, в правом верхнем углу выберите источник сортировки (рисунок ниже) и нажмите на заголовок столбца Порядок. Теперь можно задавать порядок сортировки полей или указывая их порядковый номер, или перемещая вверх/вниз списка.

Сортировка дополнительных полей
Сортировка дополнительных полей

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

Отключение краткого описания

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

Если Вам не нужно краткое описание, то перейдите в настройки DJ-Classifieds и на вкладке Глобальные в области Специальные настройки выберите Нет для опции Использовать 'Краткое описание'.

Поля описания объявления
Поля описания объявления

Кликабельное поле номера телефона

Рассмотрим, как сделать кликабельное поле номера телефона и так, чтобы оно было скрыто, а открывалось по нажатию на ссылку (рисунок ниже). Кликабельный – значит, что по его нажатию будет происходить набор номера телефона, если это позволяет устройство/программное обеспечение. Номер телефона будет указан в специальном теге «rel="tel:XXXXXX"».

Скрытие необходимо для минимизации рисков автоматического парсинга информации различными ботами. Или для минимизации рисков попадания информации из поля в индекс поисковой системы.

Как сделать сайт объявлений
Как сделать сайт объявлений

Для создания такого поля перейдите в раздел Поля и при создании нового поля (рисунок ниже) сконфигурируйте следующие опции:

  • Имя. Укажите имя поля. Оно обязательно должно содержать «tel» (без кавычек). Например, «tel» или «telephone».
  • Использовать в. Укажите Доп. поле в профиле. Или можно указать Настраиваемое поле в форме спросить продавца. Это зависит от того, где Вы хотите отображать это поле.
  • Тип. Укажите Поле ввода.
  • Показать значение по нажатию кнопки. Включив эту опцию, Вы сделаете значение поля видимым только по нажатию специальной ссылки (рисунок выше).
Кликабельное поле номера телефона
Кликабельное поле номера телефона

Если просмотреть HTML-код значения поля телефона, то мы увидим, что там есть специальный тег «rel=tel: и часть номера скрыта при помощи Javascript.

<span class="profile_row_value djsvoc" title="+380951234567" rel="tel:+380951234567">+3..........<a href="javascript:void(0)" class="djsvoc_link">Показать</a></span>

Перевод значений дополнительных полей

В предыдущей статье был рассмотрен вопрос, касающийся перевода элементов интерфейса доски объявлений Joomla 3. Рассмотрим, как можно перевести предварительно заданные значения дополнительных полей. Допустим, есть дополнительное поле «Цвет», тип – Список для выбора. В качестве значений заданы цвета: чёрный, белый, красный. Нужно сделать так, чтобы пользователю, выбравшему русский язык, отображались значения «Чёрный», «Белый», «Красный», тому, кто выбрал украинский, – «Чорний», «Білий», «Червоний», а тому, кто выбрал английский, – «Black», «White», «Red».

Сперва перейдите в настройки DJ-Classifieds 3 на вкладку Глобальные и в области Специальные настройки активируйте опцию Значения настраиваемых полей меток.

Перейдите в раздел Поля и найдите нужное поле. В моём примере «Цвет». При его редактировании для опции Значения укажите «CHJORNYJ;BELYJ;KRASNYJ» (без кавычек) (рисунок ниже).

Перевод значений дополнительных полей
Перевод значений дополнительных полей

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

Значения поля
Значения поля

То есть, к указанным значениям «CHJORNYJ;BELYJ;KRASNYJ» добавлен некий суффикс – «COM_DJCLASSIFIEDS_».

Теперь в самой Joomla перейдите в Расширения – Языки – Переопределение констант. В поле Фильтр выберите Русский (Россия) – Сайт (рисунок ниже). Так Вы сможете создавать перевод для русского языка. Для украинского нужно выбрать Ukrainian (uk-UA) – Сайт, для английского – English (en-GB) – Сайт. Название и тег языка могут отличаться. Они зависят от того, что у Вас задано в Расширения – Языки – Язык контента. Главное, выбирать «… (…) – Сайт» – это значит, что перевод делается для фронтальной части сайта, а не админки.

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

Создайте новое переопределение. В поле Языковая константа * укажите свою константу. В моём случае это «COM_DJCLASSIFIEDS_CHJORNYJ» (без кавычек). А в поле Текст укажите значение, в моём примере, «Чёрный» (рисунок ниже). То, что Вы вводите в поле Текст, будет отображаться на сайте.

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

Теперь это нужно повторить для оставшихся констант «COM_DJCLASSIFIEDS_BELYJ» и «COM_DJCLASSIFIEDS_KRASNYJ». Теперь, в русскоязычной версии сайта поле выглядит так, как показано на рисунке ниже.

Поле на сайте
Поле на сайте

Аналогичные действия нужно провести для украинского и английского языков, указывая цвета на соответствующих языках. Обратите внимание, что в поле Текст, при переопределении константы, сохраняется регистр и можно использовать HTML-теги. Также стоит учесть тот факт, что, активировав опцию Значения настраиваемых полей меток в настройках доска объявлений Joomla 3, Вам придётся задавать перевод описанным выше способом для всех предварительно заданных значений всех дополнительных полей, а не только каких-то отдельных.

Модуль объявления Joomla (слайдер)

Рассмотрим, как можно красиво отображать объявления в модуле в любой позиции шаблона Joomla или в позиции DJ-Classifieds 3.

Вариант №1 (модуль «DJClassifieds Items»). Перейдите в Джумла в Расширения – Модули. Создайте модуль тип «DJClassifieds Items». Настройте его так, как Вы хотите, а для отображения объявлений в виде слайдов перейдите на вкладку Дополнительные параметры и в спадающем списке Альтернативный макет выберите slider. Пример слайдера показан на рисунке ниже. Можно скрывать разные элементы объявлений: цену, описание и т.д.

Модуль объявлений Joomla (слайдер)
Модуль объявлений Joomla (слайдер)

Вариант №2 (интеграция с DJ-MediaTools). В предыдущей статье «Обзор DJ-Classifieds 3.6.8. Новшества в компоненте доски объявлений Joomla» мы рассмотрели, как сделать галерею из изображений объявления при помощи компонента DJ-MediaTools. Рассмотрим, как можно создавать альбомы DJ-MediaTools, используя в качестве источника объявления DJ-Classifieds.

Предполагается, что у Вас уже установлен компонент DJ-MediaTools и плагин «DJ-MediaTools плагин источника - DJ-Classifieds». В моём примере русскоязычная версия DJ-MediaTools 2.9.6.

Для этого перейдите в Компоненты – DJ-MediaTools – Альбомы и создайте новый альбом. В его настройках для опции Источник альбома выберите Объявления DJ-Classifieds (рисунок ниже).

Настройка источника DJ-MediaTools
Настройка источника DJ-MediaTools

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

А вот внешний вид самого альбома настраивается на вкладках Основные параметры альбома, Параметры элементов макета, Оптимизация макета. По сути, это ничем не отличается от настроек обычного альбома DJ-MediaTools.

После настройки альбома его можно отображать на сайте при помощи модуля «DJ-MediaTools Album» или при помощи пункта меню тип DJ-MediaTools – Показ одного альбома. На рисунке ниже показан пример модуля DJ-MediaTools с картинками из объявлений DJ-Classifieds. Обратите внимание, что для получения красивого результата нужно, чтобы у всех объявлений были картинки, обязательно хорошего качества и достаточного размера. Размер зависит от настроек альбома. Из каждого объявления DJ-Classifieds берётся только одно первое изображение.

Модуль с объявлениями
Модуль с объявлениями

Настройка страниц тип «Таблица»

Если Вы хотите скрыть или добавить, какие-то элементы (столбцы) на страницах тип DJ-Classifieds – Шаблон таблицы категории, то перейдите в настройки компонента и на вкладке Оформление в области Табличный вид задайте нужные параметры. Меняя данные настройки, Вы меняете их для всех подобных типов пунктов меню, если в настройках этих пунктов меню задано По умолчанию.

Тут же можно указать, какие столбцы таблицы нужно отображать/скрывать на мобильных устройствах (рисунок ниже).

Настройка страниц тип «Таблица»
Настройка страниц тип «Таблица»

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

Скрытие/отображение категорий над объявлениями

Чтобы скрыть (или отобразить) категории, которые отобразятся над списком объявлений (рисунок ниже), перейдите в настройки DJ-Classifieds на вкладку Оформление и в области Категории в таблице/блоге измените опцию Подкатегории в просмотре объявлений.

Категории над объявлениями
Категории над объявлениями

Как скрыть описание категории

Чтобы скрыть описание категорий, перейдите в настройки DJ-Classifieds на вкладку Оформление и в области Категории в таблице/блоге измените опцию Описание категории под заголовком.

Отображение всех категорий в модуле меню

Чтобы отобразить все категории доски объявлений Joomla 3, создайте модуль тип «DJClassifieds Menu» и для опции Раскройте тип укажите значение Все категории.

Скрытие любого модуля на странице объявления

Рассмотрим ситуацию, когда Вам нужно скрыть какой-то модуль со страниц объявлений. Сперва скачайте и установите компонент Advanced Module Manager. Можно бесплатную версию. В моём примере используется Advanced Module Manager Professional 7.2.1.

После установки перейдите в Расширения – Модули и найдите модуль, который Вы хотите скрывать. Перейдите в настройки модуля на вкладку Отображение по условиям, найдите область URL, выберите Исключить и укажите такое значение (рисунок ниже):

/ad/
option=com_djclassifieds&view=item&
Скрытие модуля
Скрытие модуля

Обратите внимание, что это может не сработать, если объявление выводится при помощи пункта меню тип Отображение объявления. Также стоит проверить, настройки DJ-Classifieds – Настройки SEO – Просмотр Записи. По умолчанию там указанно «ad», но если Вы меняли это значение, то нужно указать Ваше в исключениях URL в настройках модуля, который хотите скрывать.

Прокрутка страницы к объявлению

По нажатию на заголовок объявления, на странице с перечнем объявлений (категория), пользователь может переходить на страницу объявления к её верхней части или сразу к началу области компонента, минуя шапку и верхние модули. За это отвечает опция Переход прямо к объявлению в настройках DJ-Classifieds на вкладке Оформление в области Основной вид. Если она включена, то будет происходить прокрутка страницы. Это сделано при помощи якоря, то есть, к URL адресу страницы объявления добавляется «#dj-classfieds».

Поля сортировки объявлений в категориях

Если Вы хотите изменить набор полей, по которым можно сортировать объявления на страницах категорий тип Шаблон блога категории и Шаблон таблицы категории, то перейдите в настройки DJ-Classifieds, на вкладке Оформление в областях Вид блога и Смарт-таблица укажите нужные Вам поля сортировки в опциях Значения для сортировки и Допускается сортировка значений (соответственно для страниц тип Шаблон блога категории и Шаблон таблицы) (рисунок ниже).

Поля сортировки
Поля сортировки

Видео

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

  • Продвижение объявлений – с 00:00.
  • Дополнительные поля в нескольких столбцах – с 03:09.
  • Сортировка дополнительных полей – с 05:20.
  • Кликабельное поле номера телефона – с 06:31.
  • Перевод значений дополнительных полей – с 08:44.
  • Модуль объявления Joomla (слайдер) – с 12:44.
  • Скрытие любого модуля на странице объявления – с 17:08.

 

 

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

В следующей статье «Уроки DJ-Classifieds (часть 4). Как сделать сайт доски объявлений» мы рассмотрим отображение объявлений во вкладках DJ-Tabs, свойства продаваемых товаров, вложения файлов, аукционы и другие практические вопросы.

 

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