如何在shopify上添加图像到nav的背景

时间:2017-02-21 05:09:05

标签: shopify

我真的不熟悉Shopify上的液体,我似乎无法找到将图像放在导航栏后面的位置。我似乎无法找到任何文件。使用模板Debut-它是一个客户端。有人可能会指引我朝着正确的方向 - 也有一个特殊的代码。

1 个答案:

答案 0 :(得分:0)

根据我可以从您的问题中收集的信息,您听起来像是在询问如何将背景图片添加到导航栏。

在首次亮相主题中,您可以使用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 - &gt; header.liquid。从那里你必须弄清楚如何使用部分从客户端提取图像,并在页面上使用它。以下是一些资源供您查看: