Fancybox

HIT

07.09.2015

1259

Достаточно установить один лайтбокс: Fancybox, либо EasyFancybox (лучше последний). EasyFancybox — простой, но в то же время незаменимый плагин просмотра оригиналов изображения, с функцией галереи, т.е. если открыли одно изображение, то можно перематывая посмотреть и другие.

Для исключения какого либо изображения из работы лайтбокса — нужно задать класс ссылке class=»nofancybox».

В настройках можно выставить различные форматы ссылок, которые также будут открываться в окне.
Например
Ссылка на видео Vimeo

С ссылкой на U-Tube не получилось

Надо попробовать ссылку на iFrame

Как сделать простой лайтбокс без плагина, с минимальным кодом, используя чистый js и css.

Цвет фона

Цвет и прозрачность фона выставляется в разделе Overlay настроек плагина.
А настройки плагина находятся в меню Настройки > Медиафайлы. Этим как бы показывая что данный лайтбокс вмонтирован в основную структуру wordpress.

Конфликт с woocommerce

Если на сайте подключен EasyFancybox и мы также установили Woocommerce, то на странице- карточке товара — будут работать сразу 2 лайтбокса. Рекомендация отключить лайтбокс Woocommerce.
Товары > Отображение > Активировать Lightbox для изображений товара — Убрать галку.

Лайтбокс woocommerce не всегда отключается корректно, для радикального отключения функционала лайтбокса woocommerce используем функции приведенные здесь.

Поделится информацией с друзьями

  • Комментарии
  • Вложения

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

Пока нет комментариев. Будь первым!

Fancybox
Разбираем woocommerce на молекулы
Рекомендации для васРазбираем woocommerce на молекулыOpttour.ru
Спасибо! Наш менеджер свяжется с Вами в течении 5 минут.