关于“一键返回顶部”按钮的重要性我就不做过多叙述了。
毕竟本篇文章的任务是教大家如何一步步为你的Shopify商城添加按钮,扯那没用的干啥。
【咳咳】通篇无废话,言简意赅。好像Shopify商城有很多这样的插件,我大概看了一下,少则1美金,多则5美金。
§
现在开始
第一步:在Shopify后台中选择需要编辑的主题,单击编辑-编辑代码
第二步:单击“Snippets”代码段,点击“Add a new snippet”
第三步:命名代码段为“back-to-the-top”,点击“Create snippet”
第四步:将以下链接中的代码复制粘贴到你新创建的代码编辑器中。
链接:https://bit.ly/2VyebPf
第五步:在“Layout”文件夹中打开“theme.liquid”文件,滚动到文件底部。在结束</body>
标记上方,粘贴以下代码,点击保存即可完成设置。
{% include 'back-to-the-top' %}
添加完成之后的图标是这样的:
问:我想要去掉“Back to the top”显示可以么?
答:可以。
代码段第11行,将红色方框处代码删除即可。
问:我想要修改显示图标可以么?
答:可以。
-
打开链接:https://bit.ly/1lD2huE,浏览选择选择你想要替换的图标。
-
复制红色方框处内容,进入代码编辑器第11行,替换掉下图所示红色方框处内容即可。
接下来我准备做一个这样的小插件并上传到Shopify App,虽然我现在还不知道怎么做,但是搜集资料,多多探索一下,应该不难实现。重要的是这个学习过程。
书上有路勤为径,学海无涯苦做舟。