Иногда в одном разделе необходимо показать две вещи в одном месте, например часто задаваемые вопросы и сетку команд, или ежемесячные и годовые цены. The Переключить контент виджет в Мастер-аддоны для Elementor добавляет небольшой переключатель, который переключается между ними. каждый параметр переключения содержит либо обычный текст, либо полностью сохраненный шаблон Elementor, и посетители нажимают метку, чтобы поменять местами то, что отображается.
Вы устанавливаете метки, дополнительные значки, и то, что каждый отображает, затем стиль переключения соответствовать Это чистый способ поместить больше в меньшее пространство, не отправляя людей на другую страницу Это руководство охватывает каждый параметр в виджете.
Предпочитаете смотреть первым? Это короткое руководство проходит через виджет Toggle Content от начала до конца:
Что делает виджет Toggle Content #
Виджет показывает тумблер с двумя или более метками Щелкните метку и область ниже меняется на содержимое этой опции. каждая опция может быть блоком текста, который вы вводите, или сохраненным шаблоном, разделом или страницей из вашей библиотеки.
Поскольку он может втягивать шаблоны, переключатель не ограничивается коротким текстом. вы можете переключаться между целым макетом часто задаваемых вопросов и разделом команды, которые встроены в другом месте Elementor и вставлены в переключатель.
Прежде чем начать #
- WordPress с Элементор установлен и активен.
- Мастер-аддоны для Elementor установлен и активен. Новое в плагине? Видеть руководство установки.
- Если вы планируете переключать шаблоны, сохраните их сначала в элементоре библиотека шаблонов.
Как добавить виджет Toggle Content #
В редакторе Elementor откройте Элементы панель и поиск Переключить контент, или прокрутите в раздел Главные дополнения. перетащите его на свою страницу. он загружается с двумя вариантами переключателя образца, чтобы вы могли сразу увидеть переключатель.
Настройте параметры переключения #
В Содержание вкладка, the Переключить контент раздел содержит Элементы ретранслятор. каждый элемент является одним переключателем опция. по умолчанию метка один и метка два, и вы добавляете больше с Добавить элемент, дублировать значком копирования или удалить с помощью X.
Щелкните элемент, чтобы открыть его настройки, которые имеют свои собственные вкладки "Содержимое" и "Стиль".
- Этикетка: текст на кнопке переключения, как FAQ или Наша команда. он поддерживает динамические теги.
- Значок: дополнительный значок отображается рядом с этикеткой.
- Тип: выберите "Содержимое" для напечатанного текста или "Шаблон", чтобы использовать сохраненный макет.
- Содержание: когда "Тип - это контент", появляется полнотекстовый редактор с мультимедиа, форматированием и представлением кода.
Переключить сохраненный шаблон вместо текста #
Набор Тип чтобы Шаблон и появляются еще два элемента управления: Тип шаблона (например, Раздел) и Выберите раздел, где вы выбираете любой сохраненный шаблон из вашей библиотеки. это то, что позволяет одному переключателю отображать весь предварительно созданный макет.
В демо-версии один вариант указывает на сохраненный раздел часто задаваемых вопросов, а другой - на командный раздел. Переверните тумблер и все меняются макетами.
Переключить настройки #
The Переключить настройки секция управляет тем, как ведет себя переключатель.
- Активный индекс: какой параметр показывает первым при загрузке страницы Установите его на 1 для первого варианта, 2 для второго и так далее.
- Должность: поместите значок метки до или после текста метки.
- Скорость индикатора: насколько быстро активный индикатор скользит между опциями за считанные секунды.
Стиль переключателя #
The Стиль вкладка разделена на Тогглер, Индикатори Этикетки. Секция Toggler управляет самим контейнером переключателя.
- Стиль: форма переключателя, например круглого.
- Цвет фона и радиус границы: внешний вид стрелочной дорожки.
- Выровнять, увеличить и расширить: расположите и масштабируйте переключатель внутри его столбца.
- Граница, Тень коробки, Набивка, Поле: обычное управление рамкой.
The Индикатор в разделе скользящая подсветка размещается за активной меткой и Этикетки раздел устанавливает типографику и цвета текста метки как в активном, так и в неактивном состоянии.
Результат на странице #
Публикация или предварительный просмотр и переключение работает в реальном времени: посетители нажимают на метку, и содержимое ниже меняется на слайд. Здесь переключение переключается с макета часто задаваемых вопросов на шаблон "Наша команда", каждый из которых представляет собой полностью сохраненный раздел.
Обычные случаи использования #
- Ежемесячные и годовые цены переключен выше a таблица ценообразования.
- Часто задаваемые вопросы и команда разделы, имеющие один слот на странице обслуживания.
- Описание и характеристики на странице продукта.
- До и после макеты тематических исследований.
- Два сохраненных шаблона поменялся местами без второй страницы или всплывающего окна.
Советы по работе с виджетом Toggle Content #
- Сначала создавайте шаблоны. Сохраните разделы, которые вы хотите переключить в своей библиотеке, а затем укажите каждый вариант в единице.
- Держите этикетки короткими. Одно-два слова подходят к переключателю чисто и быстро читаются.
- Установите активный индекс намеренно. Ведите с возможностью, которую большинство посетителей хотят увидеть в первую очередь.
- Соответствуйте высотам контента, где вы можете. Переключение между очень разными высотами заставляет страницу перепрыгивать.
- Используйте значки для ясности. Небольшой значок рядом с каждой этикеткой помогает людям отличить варианты.
Часто задаваемые вопросы #
Что такое виджет Toggle Content в Master Addons?
Это виджет Elementor, который добавляет тумблер для переключения между двумя или более наборами контента в одном месте. Каждый параметр туглера может содержать напечатанный текст или сохраненный шаблон Elementor, и посетители нажимают метку, чтобы поменять местами то, что отображается.
Может ли переключатель отображать сохраненный шаблон Elementor?
Да. в опции переключения установите "Тип шаблона", выберите "Тип шаблона", затем выберите сохраненный раздел или страницу из своей библиотеки. Затем переключение отображает весь этот макет, чтобы вы могли переключаться между полностью готовыми проектами.
Как установить, какой параметр отображается первым?
Откройте раздел Переключить настройки и установите активный индекс.Использовать 1 для первого варианта, 2 для второго и т. д. Эта опция отображается при загрузке страницы, и посетители могут переключаться на другие, нажимая на свои метки.
Могу ли я добавить значки на переключающие метки?
Да. у каждого параметра переключения есть поле Значок в его подвкладке Содержимое. вы также можете установить, находится ли значок до или после текста метки, используя параметр Позиция в настройках переключения.
Чем Toggle Content отличается от вкладок?
Оба переключают контент на месте, но переключатель представляет собой один компактный переключатель, созданный для двух или нескольких вариантов, часто двоичный выбор, например ежемесячный и годовой. Вкладки подходят для более длинных списков разделов. Переключить контент также делает перетягивание сохраненных шаблонов простым.
Завершая #
Виджет Toggle Content помещает два макета в один слот и позволяет посетителям переключаться между ними с помощью касания. добавьте свои параметры, выберите текст или сохраненный шаблон для каждого, установите, какой из них ведет, и создайте стиль переключения, чтобы соответствовать. о других способах организации контента см Виджет вкладок, просмотр всего Виджеты и расширения Master Addgetsи проверьте страница ценообразования за то, что включает каждый план.
