随着Shopify越来越流行,咨询Shopify模版修改,Shopify模版二次开发的客户也越来越多。今天渔夫就分享个人对Shopify模版二次开发做点经验分享,希望对Shopify模版二次开发有兴趣的小伙伴有帮助。
Shopify栏目模版,产品详细页模版,页面模版,首页模版 这4个Shopify模版是我们修改比较多的,Shopify模版我们一般是通过模版后台可视化方式编辑,但不是每套模版都可以完全达到我们的运营需求,这个时候,我们可能就需要对Shopify模版做二次开发。
1:重新定义Shopify模版
重新定义Shopify模版,我们做的最多的就是页面模版的定制,不同的信息页面可能需要不同的排版展示,排版通常涉及到Html代码,公司的运营人员通常不是很懂HTML,这时我们可以给页面做模版的定制,将页面要展示的信息,通过文字或图片选择的方式,让编辑人员无需考虑前端布局,只需要考虑内容就可以。对于重新定义页面模版,我们通过需要3步:
1.1 定义页面模版,在模版Code状态下,新增页面模版
1.2 给页面模版,开发配置需要动态输出的Section代码块,在页面模版代码里通过这个标签引用
{% section ‘contact-form’ %}
{% section ‘store-map’ %}
这里有多少个section,在可视化编辑条件下,就可以看到有多少个可设置的项
1.3 在Page内容页给页面重新选择新开发的页面模版
在这样,当我们在可视化模式下,修改编辑
2:修改模版自定义信息
Shopify模版可视化状态下的设置信息,我们都是可以通过在Shopify模版代码环境下做修改调整.对于我们首页可以拖拉或新增删除的模块,一般是在每个模块文件里,一个模块,在Shopify通常会对应一个Section文件。
后台可视化设置一般在Sections代码最后面的{% schema %}代码块里
每套模版,通常都有个默认设置的地方,一些模版通用的设置,通常在这里去修改,比如底部的社媒链接,头部的促销语等。
如果我们要修改这些设置,都可以在代码块里修改这个文件:settings_schema.json
在Shopify可视化状态下可拖拉或删除的模块,在首页一般都是可以多次使用,通过不同的设置,展示不同的数据信息,这些Shopify是通过Section文件来控制。Section要在可视化首页设置里可以看到,需要设置presets属性,对于可以新增的多个模块,需要通过定义blocks属性值。具体可以通过QQ:57078101交流
4:找回模版历史设置信息
如果我们因为误操作,把一些模块错误删除,特别是一些文字比较多的信息块,我们可以通过Shopify模版的settings_data.json历史信息,找到对应Section里的值Id,就可以找回历史录入信息。