如何解决放大产品图像上的展开图标-Fancybox
我正在尝试在移动设备上产品图片的右下角添加一个小图标,以便人们知道他们可以单击图片来放大图片。
我们已经安装了fancybox zoom,我正在尝试使用一些代码(请参见下面的代码),以便我可以添加一个小图标,指示您可以放大图像。
此代码已插入到我们的另一个网站上,因此我认为这也可以在该新网站上使用。部分代码还包含应该仅在桌面上显示的文本,表明您可以单击图像进行放大。
出于某种原因,我的product.liquid中的此代码似乎无法正常工作。
<p class="hc-center">Click for image details</p>
<div class="hc-zoom-expand">
<svg class="i-pwa-zoom" viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg" aria-label="Zoom In" role="img" focusable="false"><circle class="i-pwa-zoom__circle" fill="#fff" cx="12.5" cy="12.5" r="12.5"></circle><path class="i-pwa-zoom__arrows" fill="#222" d="M14.1 6.1v1l3.1-.1-4 4 .7.7 4-4.1v3.1h1V5.8l-4.8.3zM7.8 17.9l4-4.1-.7-.7-4 4.1v-3.1h-1V19l4.9-.1v-1H7.8z"></path></svg>
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。