我有一家商店https://firefits-com.myshopify.com并安装了 Fashe colorlib 主题。
问题
产品名称是可点击的,并将我重定向到产品详细信息页面,但图像不可点击,当我将鼠标悬停在它上面时什么也不做。
我想要的是
我想要可点击的产品图片并将我重定向到产品页面,就像产品名称一样。
我在 Shopify 论坛、他们的电子商务大学和主题帮助上进行了很多搜索,但没有一个对我有帮助。
我有一家商店https://firefits-com.myshopify.com并安装了 Fashe colorlib 主题。
产品名称是可点击的,并将我重定向到产品详细信息页面,但图像不可点击,当我将鼠标悬停在它上面时什么也不做。
我想要可点击的产品图片并将我重定向到产品页面,就像产品名称一样。
我在 Shopify 论坛、他们的电子商务大学和主题帮助上进行了很多搜索,但没有一个对我有帮助。
你的 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;
}