Question

opencart product carousel and popup magnifition of product image after click on it

亲爱的花药，亲爱的我在opencart产品轮播中遇到问题，当我的客户点击产品轮播中产品块的图像时，它会显示产品图像，而不是将客户重定向到产品页面。我怎样才能做到这一点，当我选择inspect element时，它会在代码文件中的代码行末尾显示一个jquery图标。调试器中的jquery代码框包含一个用于显示图像的华丽弹出代码。那么如何禁用它，以便当客户点击产品图像时，产品页面会在之后打开。

这是产品代码：

<div class="image clearfix">
     <a class="img" itemprop="url" title="Kunc euismods" href="http://localhost/pavo1/index.php?route=product/product&amp;product_id=138">
      <img class="img-responsive" itemprop="image" src="http://localhost/pavo1/image/cache/catalog/demo/cosmetic/4c-199x201.jpg" title="Kunc euismods" alt="Kunc euismods">
      </a>
</div>

Answer 1

您需要更改班级名称“image”：

<div class="image clearfix">

到其他东西，或者更改页面最底部的jQuery触发器，因为这使得<div class="image"></div>中的链接都表现为Gallery Popups。

$(document).ready(function() {
    $('.image').magnificPopup({
        type:'image',
        delegate: 'a',
        gallery: {
            enabled:true
        }
    });
});

就个人而言，我会改变课程，因为Magnific弹出窗口与Opencart系统中的几个功能相关联。

单击图像时出现opencart产品轮播问题

1 个答案: