第 208 期 在 Shopify 移动端底部添加 App 风格的快捷导航功能
本期内容分享之前挺多人问过的,如何在 Shopify 移动端添加一个 App 风格的快捷导航条。
分为两个版本,包含五项功能:链接到首页、产品类目页、购物车、搜索、Account 页面,方便客户进行相应的操作和浏览。如下图所示;
两个版本
一个是直接对照本教程复制粘贴即可实现的版本(提供给看我视频的粉丝),另一个则是已经更新到增强版主题最新版中的功能。
两者的区别是免费版很容易跟着操作,只需一步即可实现,不过五项功能都是链接;而增强版主题中的这项功能支持一键开启和关闭,并且能够调出弹窗购物车和搜索框,让客户不用跳转即可操作。
调出搜索框(同时可以看到免邮提醒功能)
调出搜索框,免跳转直接在当前页进行搜索:
顺便提醒一下,Shopify 增强版主题使用手册 已经支持快捷搜索功能,点击右上角或者使用快捷键 Ctrl + K/Command + K 即可搜索想要查找的内容。
代码复制
上面提到了,增强版主题最新版中更新了这个功能,已经在使用增强版主题的店铺可以去下载最新版本。即使是不同的主题风格(配色),也会自动匹配背景色。
接下来提供一键复制版,直接复制添加到 theme.liquid
中 /body
之前即可:
以下内容只有授权的 SVIP 用户才能查看
目前已有 328 位 SVIP, 如果你还不是
可微信私聊: Shopify2006 或 扫码 ↓
别人能学会的, 你也能会
来自 Shopify 官方的介绍