Shopify产品图片不可点击

Question

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

问题

产品名称是可单击的，并将我重定向到产品详细信息页面，但是图像不可单击，并且当我将鼠标移到它时不执行任何操作。

我想要的

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

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

Answer 1

您的CSS使事情变得困难。灰色叠加层位于包装图像的“转到页面”链接的前面，因此该链接不可单击。

在您的asset / 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;
}