Открыть попап Elementor Pro по триггеру: в меню, ссылке, кнопке, слайдере, изображении

Рейтинг: 4.9 из 56 оценок

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

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

В этом видео

  • 00:00 — Анонс
  • 00:26 — Создаём попап в WordPress и Elementor
  • 02:09 — Открываем попап динамическим тегом
  • 02:47 — Открыть попап Elementor по ссылке в меню
  • 04:27 — Открыть попап Elementor по кнопке в слайдере
  • 06:27 — Открыть попап в Smart Slider и аналогах
  • 07:20 — Открыть попап Elementor по html-сылке
  • 07:52 — Открывать попап с изображения Elementor
  • 08:11 — Открыть попап по кнопке Gutenberg
  • 09:09 — Открыть попап по изображению в сайдбаре
  • 11:30 — Открыть попап Elementor по классу
  • 12:24 — Открыть попап Elementor в меню по классу
  • 12:56 — Открыть попап по классу откуда угодно
  • 14:32 — Заключение

Конструкция для создания хэш ссылки: a[href="#popup-link"]

Читать далее

Добавить комментарий