shopify资产，文件结构和命名约定

Question

我正在使用Shopify开发我的电子商务网站，我对资产有点困惑。

我只是将所有JavaScript，CSS和图像转储到assets文件夹中，还是可以在assets文件夹中为每个子文件夹提供子文件夹？

我是否需要在.liquid中结束每个文件名？

如果我可以创建子文件夹，我会使用这样的相对路径吗？

{{ 'css/default.css' | asset_url | stylesheet_tag }}

Answer 1

您只需将所有资产（图片，CSS，JS或任何其他与您网站主题相关的文件）上传到资源文件夹中。然后你只需用文件名引用它。

目前无法使用子文件夹，但我认为很多Shopify客户会很感激。我个人喜欢干净的文件夹结构。

<强> CSS：

{{ 'styles.css' | asset_url | stylesheet_tag }}

<强> JS：

{{ 'modernizr.min.js' | asset_url | script_tag }}

在CSS中引用图片或其他资源：

{{ 'background.jpg' | asset_url }}

div#myDIV {
  background: url({{ 'background.jpg' | asset_url }}) center center no-repeat;
}