Wordpress WPBakery отключить prettyPhoto и использовать Responsive Lightbox & Gallery - PullRequest
0 голосов
/ 14 февраля 2019

У меня есть этот WordPress-сайт и он использует WPBakery. Я пытаюсь отключить PrettyPhoto и включить Lightbox с помощью Responsive Lightbox & Gallery.

Мне удалось отключить PrettyPhoto, добавив следующий код в мойФайл functions.php:

function remove_vc_prettyphoto(){
  wp_dequeue_script( 'prettyphoto' );
  wp_deregister_script( 'prettyphoto' );
  wp_dequeue_style( 'prettyphoto' );
  wp_deregister_style( 'prettyphoto' );
}
add_action( 'wp_enqueue_scripts', 'remove_vc_prettyphoto', 9999 );

Затем я установил плагин Responsive Lightbox & Gallery и изменил селектор на prettyPhoto, но он не работает, когда я нажимаю на изображение, он просто открывает изображение вто же окноЯ немного покопался, и я думаю, что причина может быть в том, что мои ссылки используют data-rel, а не rel, мой вопрос: это причина того, что она не работает и / или как мне это исправить?

<a href="http://example.com/wp-content/uploads/2018/10/Making-Her-Mrs-Toronto-Wedding-Planners-5-731x1024.jpg" title="Romantic Blush-Toned Weddings" data-rel="prettyPhoto[rel--1933041382]" data-vc-gitem-zone="prettyphotoLink" class="vc_gitem-link prettyphoto vc-zone-link vc-prettyphoto-link"></a>

ОБНОВЛЕНИЕ

Я могу изменить data-rel на rel или prettyPhoto[rel--1933041382] на lightbox, но он не работает на конкретной странице:

http://makinghermrs.com/lookbook/

Но на этой странице только с одной фотографией это работает:

http://makinghermrs.com/3748-2/

ОБНОВЛЕНИЕ

Хорошо, у меня это работает, но лайтбокс не работает должным образом на мобильном телефоне и глючит на рабочем столе, что я делаю не так?

http://makinghermrs.com/lookbook/

Ответы [ 2 ]

0 голосов
/ 20 февраля 2019

Вы просто забыли загрузить плагин ScrollTo. После применения вышеуказанного решения поставьте в очередь этот скрипт.

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.0/plugins/ScrollToPlugin.min.js"></script>

0 голосов
/ 17 февраля 2019
  1. Перейдите в настройки адаптивного лайтбокса и включите опцию «Принудительный лайтбокс».
  2. Введите «prettyPhoto» в поле «Выбор», как на рисунке

enter image description here

...