我如何添加一個圖像到shopify的導航背景

我真的不熟悉Shopify上的液體，我似乎無法找到將圖像放在導航欄後面的位置。我似乎無法找到任何文檔。使用模板Debut-它是一個客戶端。有人可能指導我在正確的方向 - 也有一個特殊的代碼。我如何添加一個圖像到shopify的導航背景

2017-02-21 Soph

液體是HTML服務器端模板語言。任何前端實現都是通過適當的HTML本身完成的。從這裏開始 - https://help.shopify.com/themes/liquid – HymnZ

你是什麼意思的「在導航欄後面？」你在導航欄上說背景圖片嗎？ – Sam

此外，歡迎來到SO並請閱讀[this]（http://stackoverflow.com/help/how-to-ask）以獲取有關如何提出SO問題的信息，這將爲您提供獲得答案的最佳機會您正在尋找。 – Sam

根據我可以從您的問題中收集的信息，這聽起來像是在問如何將背景圖像添加到導航欄。

在首次亮相主題中，您可以使用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。從那裏你必須弄清楚如何使用部分從客戶端中提取圖像，並在頁面上使用它。這裏有一些資源給你看看：

2017-02-23 03:43:08 Sam

回答