单击图片时 opencart 产品轮播问题

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

您需要更改 class 名称 "image"：

<div class="image clearfix">

更改为其他内容，或更改页面最底部的 jQuery 触发器，因为这会使 <div class="image"></div> 中的链接都表现为图库弹出窗口。

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

就我个人而言，我会去更改 class，因为 Magnific 弹出窗口与整个 Opencart 系统的多个功能相关联。

单击图片时 opencart 产品轮播问题

opencart product carousel issue when click on image

php

twitter-bootstrap-3

opencart2.x