Shopify主题模板怎么做?教你如何了解shopify主题的结构文件

Shopify主题包括以下目录:

  • assets
  • config
  • layout
  • locales
  • sections
  • snippets
  • templates

Assets

assets目录在主题编辑器中呈现为assets文件夹。它包含主题中使用的所有资源,包括图像、样式表和javascript文件。

在模板使用asset_url过滤器引用主题资源。

Configs

config目录在主题编辑器中显示为Configs文件夹。它包括一个settings_schema.json文件和一个settings_data.json文件。

Layouts

布局layout目录在主题编辑器中呈现为Layouts文件夹。它包含主题布局模板,默认情况下是theme.liquid。模板文件夹中的liquid模板都继承于theme.liquid文件。

除了theme.liquid布局文件,Shopify Plus 店铺还有一个 checkout.liquid 的布局文件。

Locales

locales目录在主题编辑器中呈现为locales文件夹。它包含主题的翻译locale文件,为主题提供相关语言的内容。
除了其他语言的翻译文件,该文件夹还包含默认的英语翻译文件en.default.json。

Sections

sections目录在主题编辑器中呈现为sections文件夹。 作为主题中可以重复使用的内容模块。

Snippets

snippets目录在主题编辑器中呈现为snippets文件夹。它包含主题的所有Liquid代码片段文件,这些代码片段可以在主题的其他模板中引用。
使用Liquid的include标记将代码片段加载到主题中。

Templates

Templates目录在主题编辑器中呈现为templates文件夹。它包含所有其他的Liquid模板,包括用户账号相关的模板:

  • cart.liquid
  • customers/addresses.liquid
  • customers/reset_password.liquid
  • collection.liquid
  • gift_card.liquid
  • blog.liquid
  • article.liquid
  • product.liquid
  • index.liquid
  • customers/activate_account.liquid
  • customers/account.liquid
  • 404.liquid
  • customers/order.liquid
  • search.liquid
  • customers/login.liquid
  • page.liquid
  • customers/register.liquid
  • password.liquid
  • list-collections.liquid