Виджет переключения содержимого Elementor для переключения разделов (Pro)

Переключить контент - это виджет Master Addons Pro, который ставит переключатель выше (или ниже) блока контента Посетители нажимают на метку, и контент под ней меняется, способ, которым переключатель "Панно-ежемесячно" и "Панно-ежегодно", изменяет набор цен на карты. Каждый вариант может содержать текст, который вы вводите, или сохраненный раздел "Элементор", страницу или шаблон виджета, и вы можете добавить столько вариантов, сколько захотите. цветной индикатор скользит за активной меткой. Это переключение между наборами контента, а не список расширения и свертывания, поэтому для использования складных часто задаваемых вопросов Продвинутая гармонь вместо.

Как добавить переключение контента в Elementor

Для переключения контента необходим Элементор и активный элемент Мастер Аддоны Про лицензия. если опция должна показывать полный макет, сначала сохраните этот макет в качестве шаблона.

  1. Сохраните разделы, между которыми вы хотите переключаться (например, "Ежемесячные цены" и "Ежегодные цены"), в виде шаблонов Elementor.
  2. Отредактируйте свою страницу с помощью Elementor, найдите панель виджетов Переключить контент и затащить на место.
  3. В Элементы, переименовать метку один и метку два, и добавить больше элементов, если они вам нужны.
  4. Для каждого элемента установите "Введите в контент" и напишите текст или установите для него "Шаблон" и выберите сохраненный раздел, страницу или виджет.
  5. В Переключить настройки, выберите Активный индекс, поставьте переключатель До или После содержимого, и установите Индикатор Скорость.
  6. Создайте стиль Toggler, индикатора и этикеток, установите Stack On для мобильных устройств, затем просмотрите и щелкните каждую этикетку.

Каждая обстановка описана в Переключить настройки виджета контента гид.

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

Текст или сохраненный шаблон в каждом варианте

Каждый предмет в Элементы ретранслятор - один из вариантов на переключателе. Дайте ему Этикетка и необязательный Икона (до или после метки, с Icon Spacing). Затем установить Тип чтобы создать контент для текстового редактора с мультимедиа и динамическими тегами или создать шаблон и выбрать сохраненный раздел, страницу или виджет из вашей библиотеки Elementor.

  • Создайте таблицы ежемесячных и годовых цен в виде двух сохраненных разделов, а затем укажите по одному варианту в каждом.
  • Форма, галерея или любой другой виджет могут поместиться в опцию, как только она будет сохранена в виде шаблона.
  • Каждый вариант имеет свой собственный цвет этикетки, активный цвет этикетки и цвет индикатора на подвкладке "Стиль".

Стиль Toggler, индикатор и этикетки

The Тогглер в разделе используется переключающая дорожка: стиль (круглый или квадратный), цвет фона, радиус границы, выравнивание, масштабирование, ширина (%), граница, тень коробки, набивка и край. Индикатор стилизует скользящую изюминку с собственным фоном, высотой, шириной, радиусом границы, тенью коробки и набивкой. Этикетки устанавливает типографику, переход, пробел между и цвета для состояний по умолчанию, наведение и активное состояние.

  • А Содержание в разделе панель ниже указана типографика, набивка, поля, кайма, цвет и фон.
  • Индикатор скорости устанавливает, сколько времени занимает слайд, по умолчанию 0,3 секунды.
  • Сама панель контента сразу меняется местами. сползает только индикатор.
Круглый одиночный и неограниченный контент переключается над картой рядом с настройками стиля Toggler и Indicator
Персональный и бизнес-контент переключается с активным бизнесом рядом с настройками этикеток со встроенным стеком и разделом стиля контента

Опция по умолчанию, позиция и мобильная компоновка

Активный индекс выбирает опцию, показывающую, когда страница загружается, 1 для первого. Должность ставит переключатель До или После контента На маленьких экранах, Стека На (All, Tablet & Mobile, или Mobile) превращает ряд меток в вертикальный список, с отдельными элементами управления Inline Align и Stacked Align.

  • При двух вариантах щелчок по активной метке переключается на другую, поэтому он работает как переключатель включения и выключения.
  • При наличии трех и более нажатие активной метки переходит к следующему варианту.
  • Страница не помнит выбор, поэтому каждое посещение начинается с опции "Активный индекс".

Переключение контента против аккордеона и вкладок в Elementor

Все трое экономят место, но решают разные задачи Старый виджет Toggle от Elementor - это разборный список, и Elementor теперь скрывает его от панели в пользу Accordion Ни у Elementor, ни у Elementor Pro нет переключателя, который меняет один набор контента на другой, что и выполняет работа Toggle Content.

ВиджетЧто видят посетителиЛучший дляГде взять
Переключить контентПереключатель с метками. Одновременно отображается один набор контента.Ежемесячные и годовые цены, личные и бизнес-планы, две версии разделаМастер Аддоны Про
АккордеонСтопка заголовков, которые расширяются и разрушаютсяЧасто задаваемые вопросы и длинные списки кратких ответовЭлементор Аккордеон (бесплатно) или Продвинутая гармонь (бесплатно)
ВкладкиРяд заголовков вкладок в области контентаНесколько разделов одинакового веса, таких как "Особенности", "Особенности" и "Обзоры"Вкладки Элементор (бесплатно) или Расширенные вкладки (бесплатно)

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

Просмотрщик шаблонов
Фейсбук
Твиттер
WhatsApp
Копировать ссылку
Купить сейчас
Переключатель выставления счетов Ценовые карты
Переключатель выставления счетов Ценовые карты
Таблица характеристик модульного переключателя
Таблица характеристик модульного переключателя
Таблица контрольных показателей переключения данных
Таблица контрольных показателей переключения данных
Панель функций переключателя аудитории
Панель функций переключателя аудитории
Квартальный переключатель Метрики Бенто
Квартальный переключатель Метрики Бенто
Заказать маршрут. Хронология шагов
Заказать маршрут. Хронология шагов
Карта наложения переключателя проекта
Карта наложения переключателя проекта
Список меню переключения служб
Список меню переключения служб
Переключить контент
Переключить контент
Переключить контент с ценообразованием
Переключить контент с ценообразованием

Часто задаваемые вопросы по переключению контента

Узнайте о наиболее часто задаваемых пользователями запросах о Toggle Content и найдите ответы в одном месте.
Переключить контент бесплатно?

Нет. Toggle Content - это виджет Pro, и ему необходим a Мастер Аддоны Про лицензия. Бесплатный плагин имеет Продвинутая гармонь и Расширенные вкладки, которые охватывают сворачиваемые списки и разделы с вкладками.

Да. в элементе установите "Введите в шаблон", выберите "Раздел", "Страница" или "Виджет в типе шаблона", затем выберите сохраненный шаблон. Эта опция показывает весь шаблон, когда его метка активна.

Чем переключатель контента отличается от аккордеона или вкладок?

Аккордеон расширяет и сворачивает элементы в списке, а на вкладках отображается ряд заголовков в одной области контента. переключатель контента - это переключатель, который меняет один весь набор контента на другой, что соответствует таким вариантам, как ежемесячное или годовое ценообразование. Собственный виджет Toggle от Elementor действительно представляет собой сворачиваемый список и теперь скрыт в пользу Accordion.

Метки по умолчанию располагаются в ряд. Установите стека на мобильные устройства, планшеты и мобильные устройства или все, чтобы сложить их вертикально, и используйте Stacked Align для их выравнивания. Шаблонный контент следует своим собственным адаптивным настройкам.

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

Виджеты и расширения трендовых элементов

Создавайте сложные веб-сайты за меньшее время.

Расширение Master Addons Glassmorphism для Elementor: карты из матового стекла с элементом управления значением размытия, установленным в 20px

Стекломорфизм

Главная Бесплатный элемент Расширение стекломорфизма: эффект матового стекла в одном переключении Стекломорфизм - это матовый...
Посмотреть детали
Расширение Master Addons Container Extras для Elementor: контейнер с максимальной шириной 1400px, с регуляторами максимальной ширины, максимальной высоты, минимальной ширины и минимальной высоты

Дополнительные контейнеры

Главная Элементор Контейнер Максимальная ширина и максимальная высота Контролирует контейнер Дополнительно является бесплатным Мастер...
Посмотреть детали
Расширение Master Addons Patterns для Elementor: герой со стилем Purple Gradient Grid Left, еще тремя стилями шаблонов и панелью Enable Pattern

Шаблоны

Главная 70+ бесплатных шаблонов фона элементара - это бесплатное расширение Master Addons, которое добавляет...
Посмотреть детали
Расширение Master Addons Post/Page Duplicator для Elementor: ссылка на строку MA Duplicator в списке WordPress Pages, создающая целевую страницу - [Дублированный № 128] черновик

Дубликатор сообщений/страниц

Главная Дублировать страницы Элементор и сообщения в один клик Пост/Пейдж Дупликатор является бесплатным Мастер...
Посмотреть детали
Расширение Master Addons Reading Progress Bar для Elementor: синяя полоса на 42% заполнена в верхней части страницы политики конфиденциальности с настройками включения, положения, высоты и цвета заполнения

Прогресс-бар чтения

Главная Добавить панель прогресса чтения в WordPress (Элементор) Панель прогресса чтения бесплатна...
Посмотреть детали