Shopifyのnavの背景に画像を追加するには

Question

Shopifyの液体にはまったく慣れていないので、ナビゲーションバーの後ろに画像を置く場所を見つけることができません。そして、私はどんなドキュメンテーションも見つけることができません。テンプレートDebutを使用することは、クライアントのためです。誰かが私を適切な方向に向けることができますか？これには特別なコードがあります。

Answer 1

質問から収集できる内容に基づいて、ナビゲーションバーに背景画像を追加する方法を聞いているようです。

デビューテーマでは、CSSを使用して.site-headerクラスのデスクトップナビゲーションバーを選択できます。次に、あなたは単にそれに背景画像を追加することができます。

.site-header { 
    background-image: url('image-url.com/image.png'); 
} 

あなたは、クライアントはあなたが<style>タグを使用して、実際の.liquidファイルでそれを行う必要があるでしょう、この画像を変更できるようにしたい場合：

を

<style> 
    .site-header { 
    background-image: url('{{ section.image_variable_id | file_url: 'master' }}'); 
    } 
</style> 

ファイルはSections-> header.liquidです。そこから、セクションを使用してクライアントから画像を取り込み、そのページ上で使用する方法を理解する必要があります。ここでは、見てみましょうするためにいくつかのリソースは次のとおりです。

• https://help.shopify.com/themes/development/theme-editor/sections
• https://help.shopify.com/themes/development/theme-editor/settings-schema