shopify店铺列表（详谈shopify目录结构）shopifyinc，新鲜出炉，

时间：2023-04-02 00:01:43|栏目：shopify店铺|点击：次

前段时间子公司让我修正呵呵她们在shopify的店面产业布局，我也是第二次碰触shopify,翻查了好些数据资料。

上面我如是说呵呵shopify的标识符产品目录外部结构。

assets：

config：

layout：

locales：

sections：

snippets：

templates：

config.yml:

assets

img、js、scss 式样放置的地方

在 liquid 中能透过 asset_url 以获取相关联的 url，eg：

// 聚合 theme 式样 link条码

config

settings_data.json:

sections 里头的东西

"current": 现阶段已优先选择了的大部份 sections

"presets": 能在 Add section 产品目录中看到的默认的 section

没 id 讹传。

早已优先选择了确认快捷键，取得确认的快捷键值。

店家采用自表述主轴网页实用性的信息的科索。

settings_schema.json:

列举主轴的大部份增设。

id 是惟一的。

建立快捷键给使用者去优先选择。

采用在式样里头，透过自上而下的 settings 能领到相关联的值

附：

settings_data 和 settings_schema 有什么不同?

layout

包涵主轴产业布局模版，默认情况下是 theme.liquid

{{ content_for_header }} 要放到 <head> 内。

{{ content_for_layout }} 要放到 <body> 内。

locales

用作为主轴提供译者的内容。

sections

组成主轴的两个个可F83E43Se的组件。

能采用自上而下第一类，tags，冷却系统。

schema:

presets.category: 用作 section 的进行分类

sections 无法采用外边表述的表达式, sections 内的表达式无法被外边采用

section 无法包涵另两个 section

自上而下的 settings 表述在 settings_schema.json 中

动态的 section 才能透过 {{ section section name }} 导入, 动态的 section 只有透过在 index.liquid 中导入 content_for_index 才能在 json 中提及

static sections：

早已一般来说在使用者的主轴里的，比如说 header

dynamic sections：

能动态地重新加入到使用者主轴中，在主轴GUI中，能实用性数个完全相同的 sections，调整展现次序。

无法采用 {{% section %}} 加进 sections 到主轴文档中。shopify 会将 sections 展现到 theme editor 中。content_for_index 要被包涵在 index.liquid template 中。

每两个 section 都有两个原则上的 schema 条码。

name：

展现的英文名字

class：

加进附加的 class 在 section 的 div 上

settings：

settins 的 id 在那个 section 里是惟一的，能在那个 section 里透过 {{ section.settings.[id] }} 领到相关联的 settings。自上而下 settings 第一类能在 sections 领到。不过无法在外边拿 sections 的外部的 section.settings。

blocks：

每两个 section 包涵 settings 和 content：

content 能在 section 里展开加进、去除、异构化。

两个 block 要有两个 name 和两个 type。

limit：最多能加进多少个 block section。

max-blocks：在两个section的content中最多加多少个小的section。

presets：

section 的默认实用性。与 settings_data.json 的实用性没关系。

如果两个section有数个presets，每两个preset会变为两个原则上的候选section服务店家展开加进。（需要将 content_for_index 包涵在 index.liquid 中）。

有 presets 的 sections 无法直接在 theme 的 templates 中导入。

presets 要有两个 name 和 category。在 theme editor 中，section 透过 category 展开组合。

default：

包涵在 theme 的 template 中的 section 能在 schema 中表述 section 的默认实用性：

没 name 或者 category。

locales：

sections 能采用在 locales 文档夹中表述的自上而下的 translations。

sections 也能在 schema 中表述它们自己的 translations。

这些 translations 会出现在 language editor 的 Sections tab 中。如果在 Sections tab 中修正了 translations，schema 不会改变，locale 文档夹内的实用性会改变。所以 sections 内的 schema 相当于两个默认值。

在 sections 中，translate 和 localize filters 会先找现阶段 section 环境中的 translation，然后是 schema，然后是自上而下环境。比如说：在 sections/header.liquid 中的 {{ title | t }} 会查找 locale file 中的 sections.header.title，然后查找 shema 中的 title，然后是 locale file 中的 title。

sections 能有自己的 javascript 和 stylesheet 条码。写在 {% javascript %} 和 {% stylesheet %} 中。能在 section 的 html 中加各种函数钩子。

当店家自表述 sections 的时候，sections 会在已存在的网页中动态的重新加入、去除或者异构化，不会重新加载整个网页。editor 会在店家自表述的时候触发一些 DOM 事件，用作主轴的 JavaScript 监听。

event：shopify:section:load，shopify:section:unload ……

snippets

采用 include 将 snippet 加载到主轴中。

include 的 snippets 与父级元素共享表达式

templates

config.yml

其它：

两类双括号表达式：

1 不带引号，文档 object 中能领到

{{ settings.favicon }}：settings 是 shopify 提供的