第 181 期 优化 Shopify 图片横幅模块 点击图片直接跳转到对应的链接
点击这里查看 带字幕 视频教程 本期 YouTube 链接（免登录观看 4K）
额外推荐
第 182 期 Shopify 促销商品显示节省了多少钱，更直观，促进客户下单购买
中秋节和国庆节很快即将到来，提前祝大家节日快乐。
本期教程分享挺多人问过的，如何实现点击 Banner 图片直接跳转。
_1920x.jpeg?w=1920&h=700){kind=link}
为什么要这样做
- 相比按钮，图片点击区域更大，更便于引导用户访问
- 按钮的样式或者位置不一定喜欢，又不会通过代码修改
- 可以让设计师自由创作，随意设置 CTA 位置
如何实现
参考视频中的原理讲解，添加代码设置链接即可
<a href="" style="z-index: 3;" target="_blank">示例：
<a href="https://shopify2006.com/" style="z-index: 3;" target="_blank"></a>提示：如果有设置二级菜单，则建议不要在首页 Header 下方使用修改后的图片横幅模块，避免桌面菜单被遮挡。比如可以在 Header 下方使用轮播图（幻灯片）模块，而在 Landing Pages 着陆页中其他位置使用修改后的图片横幅模块，这样既可以实现点击图片直接跳转，又可以避免菜单被遮挡。
关于 Slideshow 幻灯片设置图片连接
有些同学私信咨询幻灯片图片点击直接跳转的问题，在此补充说明：
Slideshow 轮播图模块也可以实现点击图片直接跳转，由于幻灯片一般存在多张，修改起来复杂一些，如果你们店铺有修改需求，可以微信联系付费添加：Shopify2006
💡
注意：通过修改代码解决需求是收费操作，此项费用是两百，如果你觉得别人理所当然应该免费花时间帮你添加，那的确，这个 Up 主太可恶了，建议忽略此内容并立即取关
关于 Craft 添加之后移动端不显示图片
有同学反馈 Shopify Craft 主题添加之后，移动端不显示图片，测试发现只需要在图片横幅的模块设置中，拉到底部，取消勾选 "在移动设备上显示容器即可"，示意图：
解决移动端菜单以及搜索框被遮挡（旧版主题，新版无此问题）
以下内容只有授权的 SVIP 用户才能查看
目前已有 328 位 SVIP, 如果你还不是
可微信私聊: Shopify2006 或 扫码 ↓
别人能学会的, 你也能会
来自 Shopify 官方的介绍