干货丨2.0 版本下 Shopify 模板的功能
2021年6月29日在 Shopify Unite 上,Shopify 宣布了迄今为止最大的更新之一:Online Store 2.0 。Online Store 2.0 为 Shopify 商家建立主题和应用程序的开发者提供了大量的机会。
Shopify 已经从头开始重建了在线商店的体验,并引入了一套新的开发者工具,为商家和购物者创造更好的购物体验。
如下是 Shopify 官方模板商店(themes.shopify.com/)的截图,更新后的模板右下角都显示OS 2.0
产品详情页的自由度增加
在这次更新之前我们的详情页对于大部分的卖家来说都不是特别友好,在产品上传的时候我们的描述部分可能在文档模式下还不如 Word 的排版。而在这种情况下无非就是二次开发详情页,或者使用页面构造的插件。页面构造插件基本上可以满足卖家的要求,但是页面的样式调整又成为了大部分卖家头痛的一件事。
基于这样的背景下 Shopify 在2.0版本升级了主题架构,改变了原来的限制。之前只是在首页支持 section 的添加设置,现在产品页面,类目页,包括我们常规的 page 页面都可以只有的去添加这些块。实现详情页的自由布局
接下来我们看一下具体的操作:
1、通过后台进去到模板前端的自定义界面
2、点击顶部的页面跳转选择产品
3、选择创建模板
4、此处的名称只是用于自己区别,能分清对应关系,下面的根据就是我们新创建模板的母体(section和设置的复制)
5、当我们创建好新的模板之后回到我们 Shopify 的后台进入到产品编辑页面,在模板样式处选择自己新创建的模板。这样就可以区分每个产品的页面,确保每个产品页都可以自定义 section。
*注意事项
当我们针对每一个产品进行分配之后就可以根据模板提供的 section 去进行布局,同理我们的常规 page 页面(about us, contact us),已经类目页都可以通过这种方式优化视觉效果。