Shopify 产品图片不可点击

Question

我有一个商店 https://firefits-com.myshopify.com 并且安装了 Fashe colorlib 主题。

问题

产品名称可点击，并将我重定向到产品详细信息页面，但图片不可点击，当我将鼠标移到它时什么也不做。

我想要的

我想要可点击的产品图片，并像产品名称一样将我重定向到产品页面。

我在 Shopify 论坛上搜索了很多，他们的电子商务大学和主题对我有帮助，但 none 对我有帮助。

Answer 1

你的CSS让事情变得很困难。灰色叠加层位于转到页面 link 的前面，包裹着图像，因此 link 不可点击。

在您的 assets/custom.css 样式表中添加类似的东西开始解决这个问题，但是您还有很多事情要做，这样叠加层才能按照您希望的方式运行。

.block2-img.wrap-pic-w {
    width: 100%;
    height: 0;
    padding-top: 133%;
}

.block2-img a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    margin: 0;
}