Shopify模板开发教程-页面动态输出模块

之前看模板时一直不清楚如何实现页面模块的一些配置,今天通过帮客户修改模板,总算搞清如何实现这个功能


页面模板Session配置


页面模板效果

效果实现分2步:

第一步:创建页面模板,在模板文件里要引用session文件
第二步:在session文件,插入类似如下代码,基于这段代码结合需求做修改

 

 

{{ section.settings.text-box }}

{% for block in section.blocks %}

{% endfor %}


{% schema %}
{
“name”: “CTA Blocks”,
“max_blocks”: 3,
“settings”: [
{
"id": "text-box",
"type": "text",
"label": "Heading",
"default": "Title"
}
],
“blocks”: [
{
"type": "select",
"name": "Add Button",
"settings": [
{
"id": "link",
"type": "url",
"label": "Button link"
},
{
"id": "linktext",
"type": "text",
"label": "Button text",
"default": "Click here"
}
]
}
],
“presets”: [
{
"name": "Call to Action Blocks",
"category": "CTA button",
"blocks": [
{
"type": "select"
},
{
"type": "select"
}
]
}
]
}
{% endschema %}

{% stylesheet %}
{% endstylesheet %}

{% javascript %}
{% endjavascript %}

 

 

Back to blog
  • 环节1:调研

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

  • 环节2:排除

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

  • 环节3:分析

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