Shopifyでsettings.valueを使用してCSSを作成する方法は？

Question

Shopify Configのsettings_data.jsonに値を設定しました。

これを私のCSSに挿入しようとしています。

settings_schema.json 
... 
{ 
    "type": "image", 
    "id": "image1.png" 
    "label": "Background Image" 
} 
... 
index.liquid 
... 
<style> 
.div { 
background-color: url({{image1.png}}); 
} 
</style> 

しかし、私は背景画像を取得できません。

どうすれば修正できますか？例えば

：あなたは完全なURLアドレスを表示するために、画像用のフィルタを使用する必要が

Answer 1

{{ image1.png | img_url: 'medium' }}

Answer 2

あなたが設定オブジェクトを呼び出す必要がストアの設定の値を取得します。また、あなたのスキーマでは、idに値が入っていて、コンマがないようです。これをもう一度チェックしてください。

settings_schema.json 
... 
{ 
    "type": "image", 
    "id": "image1", // Name of variable 
    "label": "Background Image", 
    "default": "image1.png" // Content 
} 
... 
index.liquid 
... 
<style> 
.div { 
background-color: url({{ settings.image1 }}); 
} 
</style>