2014-09-03 82 views
5

我使用Shopify开发我的电子商务网站,我对资产有点困惑。shopify资产,文件结构和命名约定

是否只是将所有JavaScript,css和图像转储到资产文件夹中,或者我可以在资产文件夹中为每个文件夹都有子文件夹?

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

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

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

回答

7

你刚才上传的所有资产(图像,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; 
} 
+0

关于命名共同什么nvention为什么我将.liquid添加到文件末尾?或者我应该说什么? – nick 2014-09-03 15:02:55

+2

当您在该文件中使用任何Liquid标签时,您可以将.liquid添加到任何CSS或JS文件的末尾。例如,您可以将.liquid添加到您的CSS文件,并在其中设置变量。您可以在CSS文件的顶部设置{%assign mycolor =“#121212”%},并在该文件的任何位置使用该变量。例如:.myclass {color:{{mycolor}}; } – Devin 2014-09-03 15:58:51

+0

哦,好吧,这是有道理的,我可以只存储在我的服务器上的图像,并使用绝对路径给他们或是不鼓励? – nick 2014-09-03 16:40:26