时间戳

首页 > 解决方案 > Shopify 产品图片无法点击

e-commerce - Shopify 产品图片无法点击

问题描述

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

问题

产品名称是可点击的，并将我重定向到产品详细信息页面，但图像不可点击，当我将鼠标悬停在它上面时什么也不做。

我想要的是

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

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

标签： e-commerceshopifyurl-redirectionproductclickable-image

解决方案

你的 CSS 让事情变得困难。灰色覆盖层位于包裹图像的转到页面链接的前面，因此该链接不可点击。

添加类似这样的东西你的 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;
}

推荐阅读