我如何添加一个图像到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

回答