Переключить контент
Получил слишком много контента, заполняющего вашу страницу? Организуйте его с помощью гладких интерактивных переключателей. но это не просто базовый виджет расширения/свертывания. элемент Toggle Content от Master Addons позволяет помещать целые сохраненные шаблоны Elementor внутрь каждого переключателя. создавайте подробные часто задаваемые вопросы, сравнивайте функции продукта или создавайте оставленные на вкладках отзывы (все это в чистом, экономящем пространство интерфейсе). Проектируйте каждую часть переключателя, от скользящего индикатора до этикеток с помощью значков, и анимируйте переключатель с помощью плавных профессиональных переходов. Это разумный способ скрыть сложность и провести посетителей через свой контент, шаг за шагом.
За пределами текста - встраивайте полные шаблоны
Зачем ограничивать свои переключения простым текстом? каждый элемент переключения может быть мощным Типом контента: выберите простой текстовый редактор или, что более мощно, шаблон. выберите любой сохраненный шаблон элементара — как тестовая таблица цен или список функций — и вставьте его внутрь toggle. Это позволяет создавать невероятно богатые интерфейсы с вкладками, в которых щелчок по метке заменяет целые разделы контента, а не только абзац.
- Неограниченная свобода контента: размещайте отзывы, контактные формы, галереи изображений или характеристики продуктов в отдельных переключателях.
- Повторно используйте свою лучшую работу: вставьте заранее разработанные разделы или страницы Elementor для обеспечения единообразия.
- Идеально подходит для сравнения: используйте один тумблер для “Plan A Details” и другой для “Plan B Details,” каждый со своим полным шаблоном.
Полная визуальная настройка
Сделайте тумблер сам элемент дизайна Стиль основной Toggler контейнер с фоном, границами, и выбрать его Стиль (как округленная пилюля или острый прямоугольник).Тогда, дизайн динамический индикатор, который скользит между опциями — настройка его цвет, размер, и радиус границы. Наконец, стиль этикетки с полной типографикой, цвета, и добавить значки для дополнительной ясности. у вас есть независимый контроль над нормальным, наведение на курсор, и Активные состояния для каждой части, создавая действительно отполированный интерактивный компонент.
- Пользовательские формы переключения: создавайте тумблеры в форме таблеток, прямоугольные или специально закругленные.
- Анимированный индикатор скольжения: стилизуйте селектор движения, который визуально подчеркивает активный выбор.
- Дизайн этикеток и значков: контролируйте текст этикеток, интервалы и добавляйте значки (например, галочку или значок информации) к каждому варианту.
Плавная функциональность и адаптивный контроль
Контролируйте, как чувствует и функционирует переключение. Установите активный индекс по умолчанию (который переключатель открыт первым).Настройте скорость индикатора для резкой или плавной анимации слайда. Используйте функцию стека для управления отзывчивым поведением — При необходимости создавайте стек меток вертикально на мобильном телефоне. Управляйте положением переключателя относительно содержимого и элементов пробела, чтобы обеспечить чистую функциональную компоновку на всех устройствах.
- Управляемая анимация: установите скорость скользящего индикатора для идеального восприятия.
- Оптимизированные для мобильных устройств макеты: используйте Stack On, чтобы адаптировать горизонтальный переключатель в вертикальный список на мобильных экранах.
- Умные настройки по умолчанию: выберите, какая панель контента видна при первой загрузке страницы.
Часто задаваемые вопросы по переключению контента
Чем это лучше других Переключить виджет?
Другой тумблер предназначен для простого текстового Q & A. Наш элемент Toggle Content - это система компоновки и дизайна Ключевые преимущества: 1) Возможность вставлять полностью сохраненные шаблоны в каждый тумблер, 2) Скользящий визуальный индикатор (как iOS переключатель), 3) Отдельный стиль для тумблера, индикатора, и этикеток, и 4) Более продвинутые адаптивные элементы управления (как Stack On).
Могу ли я использовать существующие шаблоны (разделы) Elementor внутри переключателя?
Да, абсолютно! это одна из самых мощных его функций. добавляя контент в элемент переключения, установите тип контента на “Template”. Затем вы можете выбрать любой шаблон, который вы сохранили в своей библиотеке Elementor. Он будет идеально загружен внутри этой панели переключения.
Какое отличное применение в реальном мире для внутреннего переключателя типа контента "Шаблон"?
Представьте себе страницу программного продукта. у вас может быть три переключателя: “Features,” “Pricing,” и “Testimonials.” Вместо написания текста вы вставляете свой заранее разработанный шаблон сетки функций в первый переключатель, шаблон таблицы цен - во второй, а шаблон ползунка отзывов - в третий. Вы только что создали мощный, с вкладками обзор продукта за считанные минуты.
Как это ведет себя на мобильных телефонах?
Это полностью отзывчиво, тумблер и контент будут сжиматься, чтобы соответствовать экрану, Вы также можете использовать настройку Stack On, чтобы изменить макет (например, сделать так, чтобы этикетки тумблера стекались вертикально, а не сидели рядом на очень маленьких экранах, что облегчает их нажатие. Контент внутри (текст или шаблон) также будет отвечать на основе своих собственных адаптивных настроек.
Могу ли я иметь более двух переключателей?
Да, вы можете добавить неограниченное количество переключаемых элементов, нажав кнопку “Добавить элемент”. Это делает его идеальным для подробных страниц часто задаваемых вопросов, многоэтапных процессов или сравнения нескольких различных планов или вариантов продуктов рядом друг с другом.
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
Дубликатор сообщений/страниц
