【Step by Step】如何免费为你的Shopify商城添加“回到顶部”按钮

关于“一键返回顶部”按钮的重要性我就不做过多叙述了。


毕竟本篇文章的任务是教大家如何一步步为你的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,虽然我现在还不知道怎么做,但是搜集资料,多多探索一下,应该不难实现。重要的是这个学习过程。


书上有路勤为径,学海无涯苦做舟。

赞(0)
未经允许不得转载:亚马逊选品软件 » 【Step by Step】如何免费为你的Shopify商城添加“回到顶部”按钮

相关推荐

  • 暂无文章