Section深度解析

什么是section

1.section是一个页面结构单位，譬如：首页的轮播图部分，就可以看做是一个section，对于模版装修，section对应的就是一个装修卡片，section作为一个独立的个体，

2.我们先看一下模版装修的卡片，就会看到他有一下的内容：

• 卡片的配置结构（模版装修，点击卡片，右侧出现的卡片配置信息）
• 卡片配置值的保存（点击装修发布，需要将卡片配置信息，配置的值进行保存）
• 卡片的模版渲染（前台商城，该卡片显示的html内容）

3.打开section文件，可以看到section的文件结构：

• html
• 自己的js和css文件
• 可以在里面写js和css片段
• 可以使用liquid的变量，tag，以及if等控制语法
• schema（schema是用于商家端后台，模版装修，渲染配置项，关于schema更新信息参看：schema）

打开文件：sections/header.liquid 这个就是一个section文件

关于section文件内容结构，详细参看：Section-文件结构

section配置保存

模版装修，在header和footer部分，内容部分，都可以通过卡片的方式添加section，模版发布后，section的值都将会被保存

Section-值结构

section 引用方式

section文件定义后，目前有3种方式，引入section（或者说调用section）

• 1.layout入口文件引入
• 2.sections文件引入
• 3.tempaltes文件引入

详细参看：Section-引入