Получи 1 из 3 лицензий WPForms бесплатно!

Giveaway от разработчика плагина. Срок проведения 01.11.2019 – 31.12.2019.

wpforms-logo-300
 »  Снипеты  »  Как закрыть любую секцию в Elementor по клику

Как закрыть любую секцию в Elementor по клику

Последнее обновление:

Вы сделали секцию в пейдж-билдере, которую хотите закрывать кликом по кнопке, иконке, тексту, и так далее.

Как закрывать секцию пейдж билдера по клику
Закрыть секцию

Вы можете использовать этот способ для любого пейдж-билдера, я буду использовать Elementor.

В этой статье вы узнаете, как закрывать любую секцию в Элементоре по клику на кнопку или любому другому элементу.

Содержание:

  1. Добавьте class секции
  2. Добавьте class закрывающему элементу
  3. Вставьте код в html-элемент

1. Добавьте class секции

Зайдите в РасширенныеCSS классы, добавьте closeclick.

Elementor - Добавьте class секции
Добавьте class

2. Дайте class закрывающему элементу

Добавьте кнопку или иконку, и дайте ей класс clicktoclose.

Elementor - Дайте класс закрывающему элементу
Дайте class кнопке

Кроме кнопки и иконки вы можете использовать текст, картинку, заголовок или любой другой элемент.

Убедитесь, что в поле для ссылки ничего нет:

Elementor - Поле со ссылкой пусто
Поле со ссылкой

3. Вставьте код в html-элемент

Добавьте элемент html-код:

Elementor - добавьте элемент html-код
Элемент html-код

Вставьте этот код:

Если вы хотите, чтобы секция была sticky и находилась наверху страницы, используйте этот код:

Все готово, проверяйте.

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

Оставьте комментарий

Do NOT follow this link or you will be banned from the site!