Отображение материала Joomla в Shadowbox без шапки, подвала и всего остального. Отображение материала Joomla в Shadowbox без шапки, подвала и всего остального Advertisement Factory: расширение для монетизации рекламных объявлений на Joomla

Что главное при разработке сайта на базе готовой CMS системы? Никогда не редактировать файлы ядра! Если внести изменения в ядро, тогда либо следует отказаться от его дальнейшего обновления при выходе новых версий, либо возможны проблемы с измененным функционалом в системных файлах при каждом таком обновлении. Отказавшись от обновлений CMS, сайт рискует быть взломанным злоумышленниками, поскольку обновления не только добавляют новые функциональные возможности, но и исправляют ошибки в существующем коде. Если же обновлять ядро системы, то есть риск переопределения измененных файлов. Это также может вызвать проблемы при дальнейшей поддержке и доработке сайта.

Стандартной задачей при разработке сайта является переопределение вывода какого-либо блока. Но в это же время нельзя изменять системные файлы. Как же при этом изменить вывод? Рассмотрим такую задачу на примере CMS Joomla! и ее системы управления шаблонами.

В CMS Joomla! шаблоны выполняют ряд важных задач, одной из которых является возможность перекрытия макетов компонентов и модулей. Если вы хотя бы раз создавали сайт под управлением Joomla!, то наверняка вам известно, что шаблоны хранятся в директории templates корневой директории сайта, и что в административной панели есть менеджер шаблонов, позволяющий управлять и настраивать каждый из них. Внутри папки templates находятся непосредственно папки шаблонов. Например, для Joomla! 3+ версии стандартным шаблоном является templates/protostar . И уже внутри папки шаблона расположена директория html , которая и позволяет перекрывать стандартный вывод, как предоставляемых с CMS, так и дополнительно устанавливаемых компонентов и модулей независимых разработчиков.

Где хранятся файлы макетов компонентов и модулей

Файлы макетов отвечают за формирование результирующего html кода страницы или ее части. Они всегда хранятся в папке tmpl представления. Рассмотрим, например, путь к стандартному макету статьи:

Components/com_content/views/article/tmpl/default.php

Здесь components – стандартная папка всех компонентов Joomla!, com_content – папка компонента управления материалами, который предоставляется в коробке с CMS системой, views – папка, содержащая все представления компонента, article – папка конкретного представления, отвечающего за показ статей, tmpl – папка с макетами статей. Аналогичная структура и в административной части сайта для этого компонента, за исключением корневой директории administrator . В модулях Joomla! папка tmpl зачастую находится непосредственно в корне папки модуля. Например, modules/mod_articles_news/tmpl .

Как перекрывать макеты в шаблонах Joomla!

Любой макет вы можете переопределить в шаблоне. Для этого нужно расположить файл макета по пути

Templates/имя_шаблона/html/имя_компонента/имя_представления/имя_макета.php

для компонентов и

Templates/имя_шаблона/html/имя_модуля/имя_макета.php

для модулей соответственно. Например, для приведенного выше примера пути компонента управления статьями этот путь будет:

Templates/protostar/html/com_content/article/default.php

Если у вас нет какой либо папки из этого пути, то ее необходимо создать. Сам макет default.php проще всего скопировать из папки компонента в шаблон. Для примера с модулем этот путь может быть:

Templates/protostar/html/mod_articles_news/default.php

В папке tmpl компонента или модуля могут располагаться несколько макетов. Любой из них или все сразу вы можете перенести в соответствующую папку в шаблоне для дальнейшего изменения. Перед тем, как вывести содержимое указанного макета CMS Joomla! проверит его наличие в директории html текущего шаблона и, если он там есть, то выведен будет именно этот макет, а не макет из папки компонента или модуля. Отметим также, что для любого из пунктов меню в Joomla! можно указать шаблон для вывода, отличный от используемого по умолчанию. Соответственно и путь к папке с перекрытыми макетами для этого пункта меню будет использовать название выбранного шаблона.

Аналогично можно перекрывать макеты и в административной части сайта. Для этого используется отдельный шаблон из папки administrator/templates .

Переопределение вывода через менеджер шаблонов

В Joomla! 3+ разработчики дополнили менеджер шаблонов новой функцией, которая позволяет выполнять все необходимые действия для перекрытия макета компонента или модуля прямо из административной панели сайта. Для этого вам нужно зайти в Менеджер шаблонов,

Или на вкладке Стили нажать на название нужного шаблона в колонке Шаблон.

Здесь достаточно выбрать один из модулей или компонентов, и CMS сама создаст необходимую папку, скопирует туда все стандартные файлы макета и сообщит к ней путь.

Как видите, здесь есть еще столбец с названием Макеты. Сама система управления макетами (layout) тоже недавно появилась в Joomla! и заслуживает отдельной статьи. Здесь лишь упомянем, что принцип их переопределения в шаблоне аналогичен, а путь имеет следующий вид:

Templates/имя_шаблона/html/layouts/joomla/имя_макета/

Внутри этой папки находится ряд папок и файлов, относящихся к выводу этого макета.

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

Это стандартный механизм перекрытия макетов в шаблоне, но здесь тоже могут быть исключения. Например, при использовании шаблонов от компании YOOtheme на базе их собственной Warp Framework. Конечно, эта система тоже опирается на структуру и функциональные особенности шаблонов Joomla!, но также имеет свои собственные внутренние стили оформления в каждом из которых можно переопределить вывод макетов. Подробнее об этом механизме мы расскажем в одной из будущих статей.

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

Компонент oFeatures Customer Service для создания сайта поддержки на Joomla 3

Данный компонент позволяет создавать платформу, благодаря которой будет доступен онлайн чат, обратная связь, гостевая книга, форма контактов, системы обратного звонка и пр. Данное расширение для Joomla 3 даст возможность обсуждать и решать разнообразные вопросы, как происходит, например, как на e-linker.ru .

Чтобы понять суть компонента, будет лучше всего взглянуть на его возможности:

• общение в режиме онлайн (быстрая помощь, онлайн-поддержка);
• можно добавлять кнопки вызова (их также называют «кнопкой обратного звонка», «щелчком по требованию», «кнопкой для разговора»);
• есть система записи, которая способна отслеживать проблемы;
• форма контакта;
• гостевая книга;
• виджет обратной связи.

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

В пакете идет много стилей, которые можно менять конкретно под ваш сайт. Благодаря этому расширению администратор сайта получает возможность логиниться в группу поддержки прямо из админки Joomla.

Есть возможность публикации особенностей на своем сайте более практичным способом. Заметим, что после установки расширения будет добавлена кнопка Support Panel, при нажатии на которую можно зарегистрироваться в кабинете oFeatures для полноценного управления запросами компонента.

Еще достоинства компонента:

1. Если у вас есть клиенты со всего мира, то в этом случае вам потребуется создать переводы для большого количества языков;
2. Можно управлять правами пользователей компонента для входа в систему;
3. У вас будет возможность осуществлять поддержку пользователей компонента, которые пользуются смартфонами или планшетами;
4. Если, к примеру, ваши клиенты из Франции или Германии, но только один из членов команды поддержки понимает немецкий, то эту информацию можно будет добавить в систему. В дальнейшем всех клиентов из Германии будут направлять именно к этому специалисту, ведь только он способен решить проблему пользователя, разговаривающего на немецком;
5. Вы и ваши сотрудники имеют возможность работать с часовыми поясами.

Advertisement Factory: расширение для монетизации рекламных объявлений на Joomla

Данный компонент дает возможность пользователям публиковать ссылки, баннеры, уменьшенные изображения и пр., которые будут показаны на определённых модулях, и где администратор сможет указать им цену. Юзеры имеют возможность приобрести объявления, на которых будет вестись подсчет количества кликов, переходов; можно также задать временной интервал показа.

Для одного вида объявлений можно создавать несколько финансовых планов. Благодаря данному расширению можно рекламировать пользователям различные услуги и товары.

Возможности и особенности Advertisement Factory:

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

Компонент для Joomla 3 поддерживает UTF-8, есть многоязычность. Есть возможность интеграции с Joomla, благодаря чему можно использовать один и тот же логин для работы; легкий переход к RTL; поисковая оптимизация SEO и SEF; простота в установке и процесс обновления. Получить компонент можно по URL: http://thephpfactory.com/advertisement-factory-for-joomla

SJ Video Player – компонент для воспроизведения видео на Joomla

При помощи данного компонента вы можете добавить видеоплеер HTML 5 или же проигрыватель Youtube с возможность организации роликов в плейлисты. То есть показывать ролики можно через YouTube канал или при помощи закачивания собственных файлов. Есть множество схем оформления интерфейса.

Плеер способен организовывать плейлист, в котором может быть несколько роликов из YouTube, несколько роликов с вашего компьютера или всего один файл для воспроизведения. Такие возможности делают SJ Video Player одним из лучших плееров, который доступен на JED. Плеер способность создавать уменьшенные изображения кадров из файла и постеры; совместим с мобильными устройствами на iOS и Android. Так как с версии 2.0 плеер стал работать на HTML 5, то поддержка Flash Player была убрана.

Особенности и достоинства:

• простое создание и управление плейлистами и видеороликами;
• контроль за созданными плейлистами;
• добавление видео к плейлисту удобным способом;
• удаление/создание/редактирование определённых роликов;
• контроль описания роликов;
• создание постеров для локальных видео;
• уменьшенные изображения для видео из YouTube.

К сожалению, плеер распространяется на платной основе. Приобрести его можно по URL: http://extensionspot.net/spot-extensions-products/sj-video-player
https://www.youtube.com/watch?v=dVJ3aLDzmbc

JU Directory – компонент для работы с каталогами

Данное профессиональное расширение создано для работы с каталогами товаров; благодаря расширению можно создавать любой вид отображения контента. При помощи 12 встроенных типов файлов, массе настроек и расширяемостью при помощи плагинов, можно управлять справочниками

Если ваша компания предоставляет довольно широкий спектр услуг и вам не хочется распылить внимание посетителя обычным перечнем данных услуг, то шаблон Hot Blocks решит ваши проблемы. Помимо обычных ссылок сверху, основная часть шаблона поделена на блоки. Каждый блок имеет свое оформление и будет представлять отдельную услугу.

Описание шаблона

Шаблон Blocks имеет несложную структуру с выводом на главную страницу основных позиций сайта, которые возможно отрегулировать вместе с параметрами сопровождающих их изображений. Это удобно для презентационного сайта компаний и частных фирм, небольшого познавательного ресурса, личного блога или портфолио, где вместе с галереей своих работ можно выставить подробное описание к ним.

Этот шаблон HotThemes состоит из блоков, которые можно масштабировать, в зависимости от степени важности информации и темах, которые стоит акцентировать на главной странице. Стили шаблона представлены в четырех вариациях. Каждая из них имеет три цвета: первый - шапка, второй - фон, третий - подчеркивание. Есть такие комбинации: Черный, белый, изумрудный; Белый, черный, розовый; Голубой, белый, охра; Бордо, белый, охра.

Естественно, при необходимости палитру можно подобрать с помощью несложного инструмента или же прописать вручную.

Шаблон Joomla Blocks имеет также такие необходимые модули как галерея и слайд-шоу, что полезно для любого сайта, ведь посетители больше всего реагируют на красочные меняющиеся изображения, которые позволяют сложить впечатление о предоставленной в статьях информации. Для раздела контактов актуален плагин для просмотра местонахождения вашей фирмы на Google Maps. Настройки этой функции также просты, как и подгонка всего шаблона, поэтому он подойдет в пользовании даже начинающему веб-мастеру.

Особенности шаблона:

• Шаблон постоянно обновляется до последних версий Joomla!
• Наличие PSD файлов для легкого изменения дизайна шаблона.
• Быстрый старт пакет - возможность запустить шаблон с демо данными, быстро и без затруднений.
• Актуальный и безопасный код, последних версий PHP и MySQL.
• Поддержка сжатия скриптов JavaScript и CSS для ускорения работы сайта.
• Соответствие стандартам W3C XHTML 1.0 Transitional и W3C CSS Valid.
• Конструкция содержит 18 позиций для расположения модулей.
• Оформление шаблона содержит 4 варианта цветовых оболочек, которые нормально будут гармонировать с вашим Joomla! сайтом.
• Возможность изменения фонового изображения под основной цвет темы, в параметрах шаблона.
• В шаблоне специально настроено применение RTL/LTR языков.
• Classic Drop-Down Меню с плавными эффектами анимации: Fade, Scroll Down, Drop-In и Simple.
• Гугл интернет-шрифты облегченные для темы.
• Поддержка компонента управления содержимым K2 и Hot Photo Gallery для Joomla!.
• Совместимость с версиями Joomla! 2.5 и Joomla 3.x.

Данный материал можно скачать на

Модуль Ninja Shadowbox предназначен для вывода различного контента - изображений, видео, веб страниц в красивом всплывающем окне.

Ninja Shadowbox работает совместно с компонентом Shadowbox который является очень хорошим кросс-браузрным и кросс-платформенным написанным на JavaScript jQuery плагином jQuery, предназначенным для показа медиа контента.

Внимание: Примеры работы модуля приведенные в данной статье не уже не работают.

Этот модуль я использую на данном сайте. Поэтому чтобы понять как он работает кликните по изображению коробки расположенной ниже:

Особенность данного модуля по сравнению с другими подобными расширениями в том, что его очень легко использовать. Он поддерживает 33 языка и имеет 4 разных скина всплывающего окна.

Функционал модуля

#1. Возможность выбора JS библиотеки для работы Shadowbox;

При помощи данного модуля возможно показывать следующие виды контента:

#2. Изображения различных форматов, включая самые распространенные jpg, gif, png;

#3. Ролики в формате SWF;

#4. Ролики в формате FLV;

#5. Выводить ролики с популярных видеохостингов YouTube и ему подобным;

#6. Показывать простые веб страницы.

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

Использование модуля.

Для того чтобы использовать модуль установите его при помощи стандартного инcталятора Joomla. Затем зайдите в менеджер модулей и включите его. Несмотря на то, что это модуль по способу работы он больше всего напоминает плагин. Его не нужно публиковать в той или иной позиции достаточной просто включить.

Для того чтобы ваш контент отображался во всплывающем окне необходимо к коду ссылки идущей на ваше изображение, видео или веб старницу добавить следующее:

Посмотреть изображение

Кроме этого можно сделать так чтобы изображение открывалось при клике по мини эскизу изображения. Такой способ вы можете видеть выше где представлены скришоты настроек модуля. Для того чтобы это сделать вам понадобится две картинки большая которую необходимо показать в шадовбоксе и маленькая которая будет является мини эскизом. Код будет выглядеть так:

Кликните по мини эскизу для открытия изображения.

Кроме этого при помощи модуля можно сделать целую галерею. Например, вам необходимо показать не одно изображение, а несколько изображений подряд и проматывать их не выходя из шадовбокса. Для этого в ссылке идущей на каждое из изображений необходимо указать следующее: rel="shadowbox"

Предположим, что нам необходимо сделать галерею из трех картинок, тогда код будет выглядеть так:

Первое изображение Второе изображение Третье изображение

Естественно в виде ссылок может быть не только текст но и мини эскизы изображений.

Пример использования галереи:

Код для открытия какой либо веб страницы в шадовбоксе будет следующий:

Открыть страницу

Код для проигрывания видео из YouTube в шадовбоксе будет следующий:

Видеоролик на YouTube

Параметры;width=600;height=400 необходимы для указания высоты и ширины окна в котором буде проигрываться видео, если не указать то окно будет почти на весь монитор. Вот основные варианты использования данного модуля.

В модуле предусмотрена возможность выбора JS библиотеки необходимой для работы Shadowbox. Обратите внимание, что по умолчанию в joomla и так загружается библиотека mootools поэтому если вы не блокировали вывод этой библиотеки то в настройках модуля на против параметра "Загружать JS библиотеку" отметьте пункт "Не загружать".

Библиотека mootools и так весит около 70 кб, а если вы подключите еще одну из библиотек то этим очень сильно нагрузите страницы сайта. Если вы не знаете, загружается ли у вас библиотека mootools или нет, достаточно просто сохранить любую страницу вашего сайта как html с изображениями. Затем зайти в папку, которая создастся при сохранении страницы. Если там будет файл mootools.js значит, библиотека загружается и вам необходимо сделать то, о чем сказано выше.

Появилась задача сделать в Джумле так, чтобы при нажатии на ссылку материала, он открывался в лайтбоксе. Джумла 2.5 (кстати, есть мнение, что и в 1.5 будет работать). Берем и делаем.

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

/components/com_content/views/category/tmpl/blog_item.php

Это, конечно, сильно плохо, потому что Джумла обновляется (это, соответственно, хорошо) и при обновлении этот файл перезапишется новым.

На тот случай, если мы подсуетились заранее и в папке шаблона в папке html сделали папку com_content и туда заботливо скопировали все из

/components/com_content/views

то обновление нам не страшно, а наоборотЮ пусть себе обновляется — наши труды оно не затрет.

Соответственно, файл будет лежать тут:

/templates/ШАБЛОН/html/com_content/category/blog_item.php

Так вот, открываем его и в строке 28 пишем следующее:

То есть, добавляем