Shopify模版二次开发教程

随着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,就可以找回历史录入信息。

 

Back to blog
  • 环节1:调研

    数据分析,发现细分市场机会。研究区域市场竞争同行,研究同行产品价格定位,借鉴优秀网站建设思路和营销思路。

  • 环节2:排除

    谷歌广告排除不相关搜索关键词,不相关展示位置。FB拉新广告排除已互动过用户,已访问过网站用户。

  • 环节3:分析

    通过规范设置流量来源,通过GA分析Fb广告定位,广告素材。分析网站用户人群画像,依据人群转化数据,优化设置谷歌广告定位。