Shopify 的一个好处就是可以灵活地根据自己的需求自定义优化网站,实现不同的功能。今天来分享几个适用于 Shopify 网站的实用小技巧。

删除 “Powered by Shopify” 支持声明


每个新创建的 Shopify 网站,在网站底部页脚部分默认都会带有一个 “Powered by Shopify” 的支持声明,为了让网站更显专业,可以选择将其删除。

有两种方法删除这个支持声明,

第一种:footer.liquid 代码文件查找删除

来到网站后台,选择 Online Store - Themes - Actions - Edit code,左上角搜索框搜索 footer,找到 footer.liquid 代码文件,点击,然后在右侧代码部分用快捷键 ’Ctrl+F“ 输入 ”{{ powered_by_link }}“ 搜索(或者直接搜关键词 powered 也可以快速查找),


接着将其所在的这一行代码删除,然后保存即可。

第二种:"Edit languages" 编辑语言模块查找删除

来到网站后台,选择 Themes - Actions - Edit Languages,

在搜索栏中输入 Powered by Shopify,然后找到下面红色图示部分,


然后点击搜索框,接着按一下空格键,插入一个空格,


最后点击保持即可。

以上两种方法都可以简单快速的删除 “Powered by Shopify”  这个支持声明。

屏蔽中文浏览器


如果您不希望自己的网站被国内同行访问,那么可以选择屏蔽掉中文浏览器。

来到网站后台,选择 Online Store - Themes - Actions - Edit code,找到 theme.liquid 文件,然后将以下代码粘贴到 </head> 之前,最后点击保存即可。

 <script type="text/javascript">

    if (navigator.language)

    var language = navigator.language;

    else

    var language = navigator.browserLanguage;

    if(language.indexOf('zh') > -1)document.location.href = 'https://baidu.com';

</script>


当访客在中文浏览器上输入您的网站 URL 访问,会自动跳转到百度首页,也可以将上面的 URL 替换为想要跳转到的任何 URL 页面或自定义的网站 404 页面等。

禁用鼠标右键,禁止选择页面内容,禁止复制


同样的,在网站后台,找到 theme.liquid 文件,

然后将以下代码粘贴到 </body> 之前,最后点击保存即可。

<script>

document.oncontextmenu = function () { return false; }

document.onselectstart = function () { return false; }

document.oncopy = function () { return false; }

</script>


购物车按钮下添加安全付款信任图片


首先,来到网站后台,选择 Settings - Files,先将准备好的安全付款信任图片上传到后台,然后复制获取图片 URL,


接着,选择 Online Store - Themes - Actions - Edit code,找到 product-template.liquid 文件,

Ctrl+F 搜索 button,找到加入购物车按钮位置,


然后定位到上图所在位置,在 {% endif %} 这行代码下面加入如下代码,

<div><img src = "您的安全付款图片 URL"></div>

最后点击保存即可。


图片放置位置一般都是在 Sections 文件夹的 product-template.liquid 这个文件下,但具体不同主题可能稍微有差异,如果找不到同名的 .liquid 文件,可以尝试类似的 product 的 .liquid 文件。

另外,这个功能有的主题本身是自带的,可以先了解下当前使用的主题有没有相关功能,如果有的话,直接在后台对应的功能设置项添加即可,这样就不用手动添加代码来实现了。

读取网站产品 JSON 数据


在产品 URL 后加“.json”,然后回车,便可从 web 服务器上读取对应的产品 JSON 数据,将 JSON 文本数据转换为 JavaScript 对象,然后在网页中返回查看相关数据。


这样可以查看任意 Shopify 网站任一产品的创建时间,发布时间,更新时间,生产商,产品 Tag 等的原始数据。也可以快捷键  ’Ctrl+F“ 搜索 SKU,Tag,Creaed,Published 等关键词来查看对应的数据信息。

类似的查看 Shopify 店铺 JSON 数据的 URL 还有:

  • http://xxx.com/products.json

  • http://xxx.com/cart.json

最后,提醒一下,在 Shopify 后台自定义修改任何代码之前,记得先备份主题文件,如果因为代码修改而出现网站错误等问题,这样可以及时恢复。


点赞(1) 打赏

评论列表 共有 0 条评论

暂无评论

服务号

订阅号

备注【拉群】

商务洽谈

微信联系站长

发表
评论
立即
投稿
返回
顶部