2014-09-03 10 views
5

E-ticaret sitemi geliştirmek için Shopify kullanıyorum ve varlıklarla ilgili biraz kafam karıştı.varlıklarını, dosya yapısını ve adlandırma kurallarını doğrulamak

Tüm JavaScript, css ve resimlerimi varlıklar klasörüne döküyor muyum yoksa bunların her biri için varlıklar klasörünün alt klasörleri olabilir mi?

Her dosya adını .liquid içinde bitirmem gerekiyor mu?

Alt klasör oluşturabilirsem, bunun gibi bir göreli yol kullanabilir miyim?

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

cevap

7

Sadece tüm öğeleri yükleyin (resimler, CSS, JS, veya web sitenizin temasına ilişkin diğer herhangi dosyası) varlıkları klasörüne. Sonra sadece dosya adına göre başvurursunuz.

Alt klasörler şu anda mümkün değildir, ancak bir çok Shopify müşterisinin beğeneceği bir şey olduğunu düşünüyorum. Şahsen temiz bir klasör yapısını seviyorum.

CSS:

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

JS:

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

CSS görüntüleri veya diğer varlıkları başvurma:

{{ 'background.jpg' | asset_url }} 

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

ne adlandırma işbirliği hakkında Niçin dosyaların sonuna neden .liquid ekledim? ya da ne zaman demeliyim? – nick

+2

Söz konusu dosyanın içindeki Sıvı etiketlerinden herhangi birini kullandığınızda, herhangi bir CSS veya JS dosyasının sonuna .liquid ekleyin. Örneğin, CSS dosyanıza .liquid ekleyebilir ve içindeki değişkenleri ayarlayabilirsiniz. CSS dosyanızın üst kısmına {% mycolor = "# 121212"%} değerini atayabilir ve bu değişkeni bu dosyada herhangi bir yerde kullanabilirsiniz. Örnek: .myclass {color: {{mycolor}}; } – Devin

+0

Tamam, bu mantıklı, görüntüleri sunucumda saklayabilir ve onlara mutlak bir yol kullanabilir miyim, yoksa bu cesaret kırılmış mıdır? – nick