Перейти к содержимому

Fragment Elements

Четыре элемента YOOtheme Pro для карточек с вложенной структурой Builder: Custom Grid, Custom Switcher, Custom Panel Slider и Fragment Accordion. Собирайте содержимое из штатных элементов.
Joomla! 5
Joomla! 6
YOOtheme Pro 5
PHP 8.5

Составная карточка остаётся частью Builder

Когда карточке нужны несколько заголовков, таблица, вложенная сетка или несколько действий, стандартного набора полей Item уже недостаточно. Композицию приходится переносить в модуль, override или Raw HTML — отдельно от основного layout.

MSG Fragment Elements сохраняет всю структуру внутри Builder.

Четыре элемента для разных сценариев

Выберите подходящий контейнер, затем соберите содержимое каждого Item из элементов Builder.

Custom Grid

Для каталогов, подборок, портфолио и составных карточек. Доступны responsive-колонки, Masonry, Parallax, Filter и Lightbox. Каждый Grid Element содержит собственный Builder Fragment.

Custom Grid с тремя архитектурными карточками разной структуры
Custom Switcher с активной вкладкой технических характеристик продукта

Custom Switcher

Для наборов характеристик, вариантов продукта и контента с несколькими представлениями. Поддерживает Tab, Subnav и Thumbnav, режимы Click и Hover, разные позиции навигации и собственный breakpoint. Каждый Item содержит Builder Fragment.

Custom Panel Slider

Для горизонтальных подборок со сложной структурой карточек. Использует Grid Element и поддерживает ширину Item для каждого breakpoint, Sets, Center, Finite, Autoplay, Nav и Slidenav.

Custom Panel Slider с подборкой архитектурных проектов
Fragment Accordion с раскрытым ответом и формой заказа образцов

Fragment Accordion

Для характеристик, документации, ответов и сгруппированных настроек. Каждый пункт содержит Builder Fragment, изображение и ссылку. Пункты можно открывать по одному или по несколько одновременно.

Проверьте элементы в работе

Сравните структуру карточек, переключение панелей, навигацию Slider и содержимое раскрывающихся пунктов.

Текст и таблица

Документация

Добавьте описание, список или таблицу настроек в одну карточку.

Изображение и кнопка

Медиа

Соберите медиа-блок и задайте ссылке понятное действие.

Вложенная сетка

Композиция

Разделите содержимое карточки на колонки штатным Grid.

Контент

Builder Fragment

Разместите внутри вкладки несколько элементов Builder в нужном порядке.

Навигация

Click или hover

Выберите tabs, subnav или thumbnav и задайте позицию навигации.

Раскладка

Breakpoint

Боковая навигация складывается над содержимым на выбранном breakpoint.

Карточка проекта

1

Заголовок, параметры и CTA находятся в одном фрагменте.

Карточка услуги

2

Вложенный Grid помогает выстроить цену, описание и действие.

Карточка материала

3

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

Карточка события

4

Дата и программа остаются отдельными элементами Builder.

    Описание

    Добавьте несколько абзацев, список и кнопку без HTML-поля.

    Характеристики

    Используйте Table или Grid для параметров продукта.

    Материалы

    Разместите Image, Video и ссылки внутри раскрывающегося пункта.

    Настройки элементов

    Сохранены штатные параметры элементов и их поведение из YOOtheme Pro.

    Для совместимости стандартный Editor поля Content в Grid Item заменён Builder Fragment. Прямой source mapping этого поля убран; source подключается к вложенным элементам.

    Grid Element — Content

    Content
    content

    Тип: builder-fragment. Внутри Item размещаются элементы Builder с собственными настройками и source.

    Сохранены штатные параметры элементов и их поведение из YOOtheme Pro.

    Для совместимости стандартный Editor поля Content в Switcher Item заменён Builder Fragment. Прямой source mapping этого поля убран; source подключается к вложенным элементам.

    Container — Switcher

    Interaction
    mode

    Тип: select. Значения: click — по умолчанию; hover — переключение при наведении.

    Item — Content

    Content
    content

    Тип: builder-fragment. Внутри Item размещаются элементы Builder с собственными настройками и source.

    Сохранены штатные параметры элементов и их поведение из YOOtheme Pro.

    Для совместимости стандартный Panel Slider Item заменён Grid Element с Builder Fragment. Прямой source mapping поля Content убран; source подключается к вложенным элементам.

    Grid Element — Content

    Content
    content

    Тип: builder-fragment. Внутри Item размещаются элементы Builder с собственными настройками и source.

    Сохранены штатные параметры элементов и их поведение из YOOtheme Pro.

    Для совместимости стандартный Editor поля Content заменён Builder Fragment. Убраны штатные параметры Style, Drop Cap, Columns, Column Divider и Columns Breakpoint; оформление задают вложенные элементы.

    Item — Content

    Content
    content

    Тип: builder-fragment. Внутри Item размещаются элементы Builder с собственными настройками и source.

    Responsive, клавиатура и motion

    Responsive

    Custom Grid задаёт количество колонок отдельно для Default, Small, Medium, Large и X-Large. Custom Panel Slider использует тот же принцип для ширины Item.

    Клавиатура

    Switcher, Slider и Accordion сохраняют UIkit-разметку управляющих элементов. Для ссылок доступен Link Aria Label; порядок Tab и focus-visible остаются частью проверки активной темы.

    Motion

    Animation, Parallax и Autoplay можно настроить или отключить. Hover-режим Switcher включается только на устройствах с поддержкой наведения.

    Panel Slider с настройками Width, Finite и Autoplay

    Загрузки

    Скачайте актуальную стабильную версию пакета. Перед установкой сверьте минимальные и рекомендуемые требования.

    Расширение Fragment Elements

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

    Минимальные

    PHP
    7.4+
    Joomla!
    5
    YOOtheme Pro
    5

    Рекомендуемые

    PHP
    8.3+
    Joomla!
    6
    YOOtheme Pro
    5

    Расширение подключено к серверу обновлений MSGru. Joomla сообщит о новой версии, если на сайте включена проверка обновлений.

    Список изменений

    1.0.3

    Добавлено
    Добавлены элементы `msgfragmentaccordion` и `msgfragmentaccordion_item` для вложенного Builder-содержимого
    Изменено
    Элементы `msggrid`, `msgpanel-slider`, `msgswitcher` и их item-типы приведены к структуре и свойствам YOOtheme Pro 5

    Лицензия

    Расширение распространяется бесплатно как есть, в соответствии с GNU GPL v3.
    Бесплатно
    • Скачивание без ограничений

    • Использование на любом количестве сайтов

    Платно
    • Помощь в установке и настройке

    • Техническая поддержка

    • Исправление проблем совместимости со сторонними расширениями и библиотеками

    • Доработка функционала под конкретные требования заказчика

    Закажи разработку

    Компоненты любой сложности для Joomla! и не только: интеграция сторонних сервисов; большие пакетные решения; e-commerce.