2014-09-03 83 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