在初始加载lightbox产品页面时，产品图像和图库之间的空格

时间：2020-10-24 作者：chewflow

我正在试图理解为什么此页面上的主产品图像和产品库之间会出现空白：http://etica.co.nz/product/mini-icosidodecahedron-ring-bearer-box/

单击中间的图像将删除空白。

为什么会这样做？

干杯

2 个回复
最合适的回答,由SO网友:chewflow 整理而成

好的，所以最终设法弄明白这是由于几个优化插件干扰了WooCommerce的图像滑块：JetPack的延迟加载和SG Optimizer。

停用SG Optimizer并将以下内容添加到my child主题的函数中。php：

function is_lazyload_activated()
{
    $condition = is_product();
    if ($condition) {
        return false;
    }
    return true;
}
add_filter(\'lazyload_is_enabled\', \'is_lazyload_activated\');
现在情况又开始好转了。遗憾的是，不能让优化插件同时工作。但至少上面的代码允许在除产品页面之外的所有页面上延迟加载。

SO网友:HK89

您的问题是此页面中的flex slider。

将此脚本放入页脚。php

<script type="text/javascript">
    
    jQuery(document).ready(function(){
   
    jQuery(\'.flex-viewport\').css(\'height\', 525);

    jQuery(\'.flex-control-nav li\').on(\'click\',function(){
       
        jQuery(\'.flex-viewport\').css(\'height\', 525);
    });

});

</script>

标签： woocommerce-offtopic   lightbox   小码农  

相关推荐

Image linking and lightbox

我有一个问题，我很长一段时间都无法解决。我正在使用Expositio主题构建一个投资组合网站。单击时，我需要在lightbox中打开所有图片，但当我单击图像时，它会将我带到新选项卡中的媒体文件。我可以看到灯箱工作了一秒钟，然后它跳转到上传图像的链接上(http://localhost/wordpress/wp-content/uploads/2017/05/otherwork1d.jpg)我需要禁用，这样灯箱才可见。如果有人能帮助我，我将不胜感激。Dule。