shopify123.cn--一个自学shopify开店、赚美金的网站!
当前位置:shopify教程 > shopify主题 > 正文

ShopifyLiquid简述(2)--主题代码产品目录内部结构_

尚睿登岸,著眼Shopify订制化模板密切合作开发,助推国际品牌登岸,热烈欢迎数十家国际品牌商及贸易结算商家好友圈。

序言

上一则该文如是说了Shopify Liquid的四个最重要的特征,结语主要就传授Shopify 主题代码产品目录内部结构。有兴趣的好友多远距赞

Shopify主题代码产品目录内部结构

具体来说先让他们来看一下Shopify主题代码文档有哪一些

大部份的shopify主题代码中都包涵这7小块的文本,各文档的关系如下表所示:

简述

Layout:产业布局模板文档夹,也就网页的主要就架构

其中最重要的文档为theme.liquid(如下表所示图), 懂一点后端科学知识的爸爸妈妈迅速就能看出来这只不过是一个Html网页。

该文档中Body部分即是网页主要就内部结构。

Templates: 该股内文档掌控着主题中五种类别的网页上呈现出的文本。在Shopify1.0版中以liquid文档居多,在Shopify2.0版以JSON文档居多。之后会出三期专门针对传授两者差别和如何北迁(钟爱的多远距赞)。

Sections: 一大堆可多次重复借助的文本组件。在其他股中可透过{% section 文档名 %}初始化。

Sections内文档上方基本都有{% schema %}。该条码内代码掌控着店铺前台可撰稿的文本。

如Video section中代码:

Snippet: 比Sections更小的可多次重复借助代码短片。在其他股中可透过{% include 文档名 %}初始化。

Assets: 动态天然资源文档夹,放置服务器端js、css、图片等

Config: 配置主题文档,包涵了两个文档:

1.settings_data:储存的是整座网站数据

current:代表者当前网页上已选的大部份section

persents:代表者主题中相同的相同艺术风格下,可在add section产品目录中看见的默认的section

2.settings_schema.json:储存的是自上而下的schema,也是是在theme.liquid文档中可看见使用settings.predictive_search_enabled

Locales: 用作居多题提供译者的文本

对此类文本钟爱的爸爸妈妈可以多远距赞,关注他们的撞名。也热烈欢迎国内数十家国际品牌商找他们密切合作。

以上

版权保护: 本文由 shopify教程 原创,转载请保留链接: http://www.shopify123.cn/shopifyzhuti/1872.html