Плагин Ext TSS: Табы, Спойлер и Аккордеон для Joomla 4+

Возможности плагина Tabs & Sliders & Spoilers

Плагин для Joomla 6 (4+), с помощью которого можно выполнить простые манипуляции с контентом: плагин организации группирования контента во вкладки, стайлеры и спойлеры для Joomla.

Ремейк одноименного старенького забытого плагина от Joomla 2.5. Этот материал был опубликован в 2018-м году со старой версией плагина. Скрипт обновлен и работоспособен на новых версиях Joomla 4+, проверено.

Данный плагин работает не только с компонентом Content в полном материале. Может работать в любом компоненте, который поддерживает контентные плагины, например, в JoomShopping. Основной позитив: простота использования, понимание html и css, «три в одном», бесплатность. Естественно, что все это можно реализовать иным способом, например UIkit. Но: случаи бывают разные.

Настройки Ext TSS в админпанели предельно простые

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

Как оно выглядит

Применяем Tabs

• заголовок вкладки 1
• заголовок вкладки 2
• заголовок вкладки 3

• текст вкладки и картинка (html и классы css не возбраняются)

  
  

• текст вкладки 2. Для эстетичного «внешнего вида» стоит сделать картинки или див-ы одной высоты для каждого слайда.

  
  

• текст вкладки 3

  
  

Используем spoilers

• заголовок слайда 1 на который нужно нажать
  текст
  
• заголовок слайда 2
  текст
  
• заголовок слайда 3
  текст
  

Ну и все в этом духе.

Настройки

Простейшие настройки выполняются через панель управления Плагины, стили правим в css шаблона.

Если вы, предположим, для табов уже используете какой-то другой плагин, то вы можете отключить в настройках данную функцию во избежании конфликтов и пересечения по стилям с другими расширениями. То же касается и других функций, — можно включить только то, что будете использовать. При переводе данного проекта на Джуила v. 4.x я лично удалил это расширение, за ненадобностью (использую UIkit). Но оно точно работоспособно, респект разработчику (который давно покинул джумловодство).

Использование тегов, синтаксис

Табы 	Слайды 	Спойлер

{tab=заголовок вкладки 1}
текст вкладки  (html и классы css не возбраняются)
{tab=заголовок вкладки 2}
текст вкладки
{tab=заголовок вкладки 3}
текст вкладки
{/tabs}
	

{slider=заголовок слайда 1}
текст
{slider=заголовок слайда 2}
текст
{/sliders}
	

{spoiler=заголовок спойлера}
текст
{spoiler= еще спойлер}
текст
{/spoilers}