shopify页面开发教程!

作者:UEESHOP 浏览次数:407 发布时间:2018-11-23
外贸建站平台UEESHOP介绍shopify页面开发教程,教大家如何对模板页面进行二次开发.

在安装好模板主题之后,我们是可以对它的页面在次进行二次开发,这里给大家说shopify如何开发页面模板。

一、创建页面模板,在模板文件里要引用session文件,配置session。

配置session

二、在session文件,插入类似如下代码,基于这段代码结合需求做修改。


{% 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 %}


三、实现的效果如图所示:

模板效果

shopify开发教程还有很多,欢迎随时关注shopify教程网!
建站客服建站客服
交流QQ群交流QQ群
QQ交流1群
QQ交流1群
627102802
QQ交流2群
QQ交流2群
2966345452
热门文章

热门文章

广州联雅网络科技有限公司 UEESHOP©版权所有 粤ICP备10215284号 网站地图