Shopify background-image with css (不显示)

Question

我的问题是，当尝试在Shopify中插入某种背景图像时，它永远不会显示任何内容。

我有一个导航栏，它有一个客户想要的模式，当我尝试启用它时，同样没有任何反应。

我在css背景行上使用的代码(来自googling )是

background:url( "{{'navBggreen.jpg' | asset_url }}")

我也试过

background:url( {{'navBggreen.jpg' | asset_url }} )

什么都没有。对于Shopify来说，教程或任何类型的文档都是极其稀缺的，所以...

不管怎样，有谁知道怎么让它工作吗？

Answer 1

在Assets中的CSS文件中，可以这样调用：

.nav{background: url("navBggreen.jpg");}

Answer 2

确保css文件具有.liquid扩展名，以便它可以处理liquid代码，因为asset_url是liquid的一部分。因此，请确保您的css文件名类似于style.css.liquid。

Answer 3

如果要在布局中包含图像，则必须使用asset_url过滤器。但是，如果您的图像是通过CSS样式表调用的，那么您不需要使用asset_url -除非它们在主题设置表单中使用。拿出asset_url，它应该可以正常工作。