Каталог решений

Покупка продления купона

Продолжительность:
Общая сумма:
0 руб.
Ваш запрос успешно отправлен!

Я согласен с условиями активации продлений
Продлить
Продолжить покупки

Слайдер фотографий для размещения фотогалерей в текст страниц

Требование красивого оформления текста - это не только требование для современных сайтов, но и для SEO.Также очень часто на одной и той же странице возникает необходимость добавить несколько красивых фотографий после текстового блока, продолжить текст, опять фотографии и так далее.Мы предлагаем простое и очень удобное решение этого вопроса, крайне упрощающего жизнь контент-менеджерам и SEO-специалистам.Фишки и особенности нашего слайдера Удобство работы: Слайдер фотографий интегрирован с Инфоблоком, позволяя добавлять сразу несколько фотографий. Это существенно упрощает процесс, поскольку вам больше не нужно создавать множество отдельных элементов для одного слайдера. Всё организовано просто и удобно. Гибкость размещения: Каждый элемент Инфоблока является самостоятельным слайдером, который можно использовать в различных частях сайта: в товарах, новостях, описаниях разделов или на статичных страницах. Это обеспечивает большую гибкость в адаптации контента. Шаблоны и кастомизация: В стандартной комплектации идут три встроенных шаблона, но у вас есть возможность добавления собственных, что позволяет сделать слайдер уникальным и соответствующим вашим требованиям. SEO-дружелюбие: Мы позаботились о SEO, добавив теги Alt и Title, что упрощает индексацию изображений поисковыми системами. Стили: Слайдер не конфликтует с вашими стилями, что гарантирует безупречную интеграцию в общий дизайн сайта. Все элементы будут отображаться корректно и эстетично. Выбор шаблонов: Встроено три шаблона слайдеров: две карусели и один с миниатюрами. Кроме того, планируется добавление шаблона «аккордеон», что расширяет возможности выбора. Настройки ширины: Ширина области слайдера задается в процентах, по умолчанию — 100%. Это значение можно изменить в настройках свойств Инфоблока, позволяя вам настроить слайдер под любые требования. Всплывающие фотографии: Для шаблонов Слайдер 1 и Слайдер 3 предусмотрена всплывающая функция с иконкой «лупы», чтобы пользователи могли легко увеличить изображения. Информативность: Названия и описания фотографий выводятся динамически. Вы можете настроить цвет текста и стрелочек «влево-вправо», а также цвет подложки под текст. Подложка может быть полупрозрачной, что позволяет адаптировать вид под ваш стиль. Расположение подложки: Подложка с названием и описанием фотографии прикреплена к низу, что особенно актуально для шаблонов «каруселей» (Слайдер 1 и Слайдер 2). Динамическое обновление: Важно отметить, что названия и описания (Title и Alt) подтягиваются из Медиабиблиотеки. Изменив их там, вы автоматически обновите информацию на сайте. Параметры по умолчанию: После установки слайдера по умолчанию установлен шаблон Слайдер 1, цвет слайдера и текста #429AD5A6, цвет подложки #FFFD74. Упрощение работы с ID: Если вам нужно использовать новый элемент слайдера, он автоматически появляется в сниппетах в визуальном редакторе. Порой потребуется обновить список новых сниппетов. Настройки в режиме правки: Вы можете менять шаблон слайдера и другие настройки в публичной части сайта. Просто наведите на область слайдера и выберите опцию «Изменить элемент». Статус модуля: При удалении модуля Инфоблок не исчезает, так что вы сможете его использовать позже, если это понадобится. Ошибка при редактировании: Параметры компонента из публичной части не меняются. Если вы нажмете на «шестеренку», возникнет ошибка — это нормально, так как компонента физически там нет. Работа без jQuery: Fancybox функционирует без использования jQuery, что минимизирует потенциальные конфликты в верстке. Зацикленная прокрутка: Прокрутка слайдеров осуществляется по кругу. Автоматического пролистывания с определённым интервалом нет и не будет, так как это может раздражать пользователей. Плавность высоты слайдеров: Слайдеры 1 и 2 не будут менять высоту при пролистывании, если выбрана настройка «вписывать по высоте». Вывод информации при всплытии: При открытии фотографий также отображаются их названия и описания, что улучшает информативность.Слайдер упрощает работы с изображениями и обеспечивает высокую функциональность на сайте.Предположим, мы хотим разместить текст: один или несколько абзацев.А потом мы размещаем слайдер фотографий простым действием:1. Добавляем в Медиабиблиотеку раздел, подраздел и т.д. - так, как нам будет удобно группировать фотографии.2. Сразу правим названия фотографий и описания их. Это важно, мы утащим их в слайдеры!3. Добавляем элемент в созданном модулем инфоблоке "Слайдер фотографий для размещения фотогалерей в текст страниц", и в элементе добавляем наши фотографии из Медиабиблиотеки! Указываем настройки: ширина в % на странице, цвет, тип слайдера (шаблон). Значения по умолчанию редактируются в настройках нашего инфоблока, кстати. Сохраняем. 4. Почти готово. Теперь в визуальном редакторе у нас появились сниппеты! Можем добавлять в любом месте на сайте, на любой странице (статической, динамической) сниппет через визуальный редактор, или просто кодом #MTPS_77_2343# (числа - это ID нашего инфоблока и элемента, соответственно)Не забываем почистить кэш! (Ctrl F5, вдруг кто забыл...)

Слайдер фотографий для размещения фотогалерей в текст страниц

Слайдер фотографий для размещения фотогалерей в текст страниц

Купить: 11 600 8 700 руб.
Попробовать (3 дня) Онлайн-демо
Скриншоты
Описание

Технические данные

Опубликовано:
24.10.2025
Обновлено:
18.11.2025
Версия:
1.0.1
Установлено:
Менее 50 раз
Подходящие редакции:
«Первый сайт», «Старт», «Стандарт», «Малый бизнес», «Бизнес»
Адаптивность:
Да
Поддержка Композита:
Нет
Совместимо с Сайты24
Нет

Пользовательское соглашение

Описание

Требование красивого оформления текста - это не только требование для современных сайтов, но и для SEO.

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

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

Фишки и особенности нашего слайдера
  1. Удобство работы: Слайдер фотографий интегрирован с Инфоблоком, позволяя добавлять сразу несколько фотографий. Это существенно упрощает процесс, поскольку вам больше не нужно создавать множество отдельных элементов для одного слайдера. Всё организовано просто и удобно.

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

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

  4. SEO-дружелюбие: Мы позаботились о SEO, добавив теги Alt и Title, что упрощает индексацию изображений поисковыми системами.

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

  6. Выбор шаблонов: Встроено три шаблона слайдеров: две карусели и один с миниатюрами. Кроме того, планируется добавление шаблона «аккордеон», что расширяет возможности выбора.

  7. Настройки ширины: Ширина области слайдера задается в процентах, по умолчанию — 100%. Это значение можно изменить в настройках свойств Инфоблока, позволяя вам настроить слайдер под любые требования.

  8. Всплывающие фотографии: Для шаблонов Слайдер 1 и Слайдер 3 предусмотрена всплывающая функция с иконкой «лупы», чтобы пользователи могли легко увеличить изображения.

  9. Информативность: Названия и описания фотографий выводятся динамически. Вы можете настроить цвет текста и стрелочек «влево-вправо», а также цвет подложки под текст. Подложка может быть полупрозрачной, что позволяет адаптировать вид под ваш стиль.

  10. Расположение подложки: Подложка с названием и описанием фотографии прикреплена к низу, что особенно актуально для шаблонов «каруселей» (Слайдер 1 и Слайдер 2).

  11. Динамическое обновление: Важно отметить, что названия и описания (Title и Alt) подтягиваются из Медиабиблиотеки. Изменив их там, вы автоматически обновите информацию на сайте.

  12. Параметры по умолчанию: После установки слайдера по умолчанию установлен шаблон Слайдер 1, цвет слайдера и текста #429AD5A6, цвет подложки #FFFD74.

  13. Упрощение работы с ID: Если вам нужно использовать новый элемент слайдера, он автоматически появляется в сниппетах в визуальном редакторе. Порой потребуется обновить список новых сниппетов.

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

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

  16. Ошибка при редактировании: Параметры компонента из публичной части не меняются. Если вы нажмете на «шестеренку», возникнет ошибка — это нормально, так как компонента физически там нет.

  17. Работа без jQuery: Fancybox функционирует без использования jQuery, что минимизирует потенциальные конфликты в верстке.

  18. Зацикленная прокрутка: Прокрутка слайдеров осуществляется по кругу. Автоматического пролистывания с определённым интервалом нет и не будет, так как это может раздражать пользователей.

  19. Плавность высоты слайдеров: Слайдеры 1 и 2 не будут менять высоту при пролистывании, если выбрана настройка «вписывать по высоте».

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


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

Предположим, мы хотим разместить текст: один или несколько абзацев.
А потом мы размещаем слайдер фотографий простым действием:
1. Добавляем в Медиабиблиотеку раздел, подраздел и т.д. - так, как нам будет удобно группировать фотографии.
2. Сразу правим названия фотографий и описания их. Это важно, мы утащим их в слайдеры!
3. Добавляем элемент в созданном модулем инфоблоке
"Слайдер фотографий для размещения фотогалерей в текст страниц", и в элементе добавляем наши фотографии из Медиабиблиотеки! Указываем настройки: ширина в % на странице, цвет, тип слайдера (шаблон). Значения по умолчанию редактируются в настройках нашего инфоблока, кстати. Сохраняем.

4. Почти готово. Теперь в визуальном редакторе у нас появились сниппеты! Можем добавлять в любом месте на сайте, на любой странице (статической, динамической) сниппет через визуальный редактор, или просто кодом #MTPS_77_2343#

(числа - это ID нашего инфоблока и элемента, соответственно)

Не забываем почистить кэш! (Ctrl F5, вдруг кто забыл...)

Отзывы (0)
Обсуждения (0)
Здесь пока никто ничего не написал. Будьте первым.
Что нового
1.0.1 (17.11.2025)
  • Использовать древовидный классификатор элементов по разделам: включено у типа инфоблока модуля
  • Редактировать параметры вызова компонента модуля в режиме правки: выключено, не сработает в событие OnEndBufferContent
Установка
Установка и настройка - стандартная, но не забываем про следующие моменты:
1. После установки обязательно заходим в настройку модуля, ставим галочку активности модуля и выбираем шаблоны сайтов, для которых будет работать модуль. Можно выбрать несколько шаблонов, зажав Ctrl. Сохраняем настройки.
2. Далее обязательно заходим в настройки созданного инфоблока и отмечаем сайты, для которых будет работать этот инфоблок. Сохраняем настройки.
3. Цвета "по умолчанию" и другие настройки также также изменить в настройках инфоблока, всё сделано максимально юзабельно для контент-менеджера.
4. Советуем для скорости работы с модулем сразу запомнить ID инфоблока.
Поддержка

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

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

support@m-t.pro

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

Решение добавлено в корзину

Перейдите в корзину и оформите заказ или продолжите покупки
Перейти в корзину
Продолжить покупки