Во всплывающих окнах можно открывать любые текстовые страницы, которые работают на Super теме.
В зависимости от расположения ссылки включение всплывающих окон делится на два вида:
- Через доп. параметры
В случае когда ссылка на страницу находится в меню страниц.
Через добавление класса ajax-me html коду ссылки
В случаях, когда вы имеете доступ к коду (в редакторе страниц, например).
Рассмотрим подробнее каждый из случаев.
Включение всплывающего окна через доп. параметры
Для начала ознакомьтесь, что такое дополнительные параметры и как их добавлять.
В теме предусмотрено два места для вывода списка страниц:
- Вертикальное меню
- И горизонтальное меню (по умолчанию отключено).
Получается, что есть три случая когда вам может понадобится включить всплывающее меню:
- В горизонтальном меню (верхнем),
- В вертикальном меню (боковом),
- В обоих случаях.
Для того, чтобы включить всплывающее меню в обоих случаях добавьте странице доп. параметр:
popup=1
Этот доп. параметр будет действовать и для бокового меню и для верхнего.
Чтобы включить всплывающее окно только для страницы в горизонтальном (верхнем) меню, добавьте странице доп. параметр:
popup_top=1
Чтобы включить всплывающее окно только для страницы в вертикальном (боковом) меню, добавьте странице доп. параметр:
popup_side=1
Включение всплывающего окна в HTML коде ссылки
Такая ситуация может произойти, если вы хотите включить всплывающее окно для ссылки, доступ к HTML коду которой у вас есть. Например это ссылка в контенте – тогда вам нужно переключить редактор текста в HTML режим.
Другой случай – это HTML код в каком-нибудь из блоков для темы или в настройках темы.
В любом случае всплывающее окно можно включить для ссылки, добавив ей класс: ajax-me.
Например у вас есть код ссылки:
<a href="/about/">О нас</a>
Ссылка с включённым всплывающим окном будет выглядеть вот так:
<a href="/about/" class="ajax-me">О нас</a>
Есть ещё ситуации, когда у ссылки уже есть класс:
<a href="/about/" class="uk-button uk-button-small">О нас</a>
В таком случае вам нужно просто добавить слово ajax-me внутрь атрибута class:
<a href="/about/" class="uk-button ajax-me">О нас</a>
7 комментариев
А на теме hand made это будет работаь?
Да.
Сергей, помогите, пожалуйста - как сделать, чтобы товары были во всплывающих окнах?
я задавала Вам как-то вопрос про каждый товар в новом окне, но вероятно я неверно выразилась, нужно чтобы товар при клике из категории отражался во всплывающем окне.
А как товар вывести в модальном окне?
не работает
Ссылка для просмотра товара в быстром просмотре должна выглядеть так:
Но, я не знаю сработает ли она вне списка товаров.
Если не сработает, то никак.
тема: handmade. Настройки шапки -> панель контактов. Подскажите как должная выглядеть ссылка адреса на карте во всплывающем окне, если по умолчанию она выглядит так:
<a href="/site/adres-khendmeid/"> <i class="fas fa-map-marker-alt mr-5"></i>Адрес магазина </a>https://crazylove.kg/test/
Здравствуйте!
<a href="/site/adres-khendmeid/" class="ajax-me"> <i class="fas fa-map-marker-alt mr-5"></i>Адрес магазина </a>