Wordpress WPBakery 禁用 prettyPhoto 并使用响应式灯箱和图库

Question

我有这个 wordpress 网站，它使用 WPBakery，我想做的是禁用 PrettyPhoto 并使用响应式灯箱和图库启用灯箱。

我可以通过将以下代码添加到我的 functions.php 文件来禁用 PrettyPhoto：

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，但是它不起作用，当我单击图像时，它只是在相同的 window 中打开图像。我已经做了一些挖掘，我认为原因可能是因为我的链接使用的是 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/

Answer 1

转到响应式灯箱设置并启用 "Force Lightbox" 选项。
在 "Selector" 字段中键入 "prettyPhoto"，如图所示

Answer 2

您只是忘记加载 ScrollTo Plugin.After 应用上述解决方案将此脚本加入队列。

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

Wordpress WPBakery 禁用 prettyPhoto 并使用响应式灯箱和图库

Wordpress WPBakery disable prettyPhoto and use Responsive Lightbox & Gallery

php

wordpress

lightbox