M-T.PRO контент-менеджеру: знак #. Слайдер фотографий для размещения фотогалерей в текст страниц

Что умеет решение

Модуль M-T.PRO для контент-менеджера: знак #. Слайдер фотографий для вставки галерей в текст страниц.

Качественное оформление текста необходимо не только для современного дизайна сайта, но и для SEO-оптимизации. Часто возникает потребность чередовать текстовые блоки с несколькими фотографиями на одной странице.

Модуль предлагает простое решение, упрощающее работу контент-менеджеров и SEO-специалистов.

Удобство работы: Слайдер интегрирован с инфоблоком, что позволяет добавлять сразу несколько фотографий. Это избавляет от необходимости создавать множество отдельных элементов для одного слайдера.

Гибкость размещения: Каждый элемент инфоблока работает как самостоятельный слайдер. Его можно использовать в карточках товаров, новостях, описаниях разделов или на статичных страницах.

Модуль включает три встроенных шаблона слайдеров: две карусели и вариант с миниатюрами. Пользователь может создавать собственные шаблоны для уникализации внешнего вида. В планах разработчиков — добавление шаблона «аккордеон».

Ширина области слайдера настраивается в процентах через свойства Инфоблока; стандартное значение составляет 100%. Для шаблонов «Слайдер 1» и «Слайдер 3» реализована функция увеличения изображений по клику с отображением иконки лупы.

Компонент поддерживает SEO-оптимизацию за счет автоматического добавления атрибутов Alt и Title к изображениям. Стили модуля изолированы и не вступают в конфликт с дизайном сайта, обеспечивая корректное отображение элементов.

Модуль M-T.PRO позволяет создавать слайдеры фотографий для вставки в текст страниц. Названия и описания изображений выводятся динамически из Медиабиблиотеки: при изменении полей Title или Alt в библиотеке информация на сайте обновляется автоматически. Пользователь может настроить цвет текста, навигационных стрелок и фона под текстом. Фон поддерживает прозрачность для интеграции в дизайн сайта. В шаблонах «карусель» (Слайдер 1 и Слайдер 2) блок с подписью зафиксирован в нижней части слайда. После установки активен шаблон Слайдер 1 со стандартными цветами: текст и стрелки #429AD5A6, фон #FFFD74. Новые элементы слайдера автоматически добавляются в список сниппетов визуального редактора, иногда требуется обновление списка. Параметры слайдера, включая шаблон, изменяются через элемент в редакторе; изменения применяются ко всем страницам, где используется данный слайдер.

При удалении модуля инфоблок с данными сохраняется, что позволяет использовать его в будущем. Компонент работает без библиотеки jQuery, что снижает риск конфликтов в верстке. Слайдеры поддерживают циклическую прокрутку; автоматическое переключение слайдов отключено для предотвращения раздражения пользователей. При активации настройки «вписывать по высоте» высота слайдеров 1 и 2 остается неизменной во время навигации. При просмотре изображения в модальном окне отображаются его название и описание. Модуль упрощает управление изображениями и расширяет функциональность сайта.

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

Модуль M-T.PRO позволяет контент-менеджерам встраивать слайдеры фотографий в текст страниц. Изображения добавляются в элемент модуля из Медиабиблиотеки. Настройки включают ширину слайдера в процентах от ширины страницы, цвет и тип шаблона. Значения по умолчанию настраиваются в параметрах инфоблока.

После сохранения в визуальном редакторе становятся доступны сниппеты. Их можно добавлять на любые страницы сайта — статические или динамические — через интерфейс редактора или вручную с помощью кода #MTPS_77_2343#, где числа соответствуют идентификаторам инфоблока и элемента.

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

General iT поможет установить модуль, настроить его и проверить работу на твоём сайте.