跳至正文
帮助
编辑器版块与区块

如何设置店铺的页头(标志、菜单、搜索、购物车、固定页头和透明页头)?

设置页头版块:标志大小和位置,菜单类型(超大、下拉菜单、抽屉)和移动端导航栏,搜索图标,抽屉式或下拉式购物车,带国旗的国家选择器,滚动时固定页头,以及覆盖在主视觉上的透明页头。

阅读时间 4 分钟

页头是店铺顶部的横栏,包含您的标志、菜单、搜索、购物车和国家选择器。本文介绍页头的每项设置及其五个区块。

在哪里找到它

打开建站工具,在预览中点击页头,或在版块标签中选择页头。要添加页头,请点击添加新版块,在布局分组中选择页头。任何页面都可以有一个页头。每个页面都保存自己的副本,所以完成后请使用应用到所有页面,请参阅版块和区块。

页头始终包含相同的五个区块:标志、菜单、搜索、购物车和本地化。您不能添加、删除或重新排序它们,而是通过它们各自的位置和行设置来摆放。

页头设置

  • 固定页头:向上滚动时会在顾客向下滚动时隐藏页头,向上滚动时再显示。始终让它一直停留在顶部。缩小标志固定让它停留在顶部,并在顾客滚动后变小(内边距更小、标志更小)。从不让它随页面一起滚走。
  • 宽度:页面让内容保持在页面宽度内,全宽让它从一边延伸到另一边。
  • 配色方案:页头的背景、文字和链接颜色。
  • 透明页头:去掉页头背景,让主视觉图片透出来。见下文。
  • 内边距(上、左、右、下)以及自定义 CSS标签。

透明页头

只有当主视觉是页头正下方第一个可见版块时它才会生效,因为页头会借用主视觉的配色方案来显示文字和图标。它会去掉背景、边框和阴影,并对后面的内容做轻微模糊。顾客滚动经过主视觉后,页头会恢复自己的颜色。搜索面板和国家列表保持页头自己的颜色。主视觉设置请参阅主视觉版块。

标志

  • 标志:选择您的标志图片。没有图片时,以文字显示店铺名称。
  • 位置:左、居中或右。宽度和高度:标志框的大小,单位为像素。
  • 桌面端内边距:标志周围的空白,仅在电脑上生效。

点击标志会打开您的首页。要阻止这一点,请开启禁止点击徽标返回首页,请参阅禁止事项设置。

菜单

在菜单中选择您的一个菜单。选择菜单后会出现其他设置。菜单的创建方法请参阅如何创建导航菜单并将其添加到页头和页脚?。

  • 类型:超大(带多列的大面板)、下拉菜单(简单列表)或抽屉(通过菜单按钮打开的侧边面板)。
  • 位置和行:菜单所在的位置。顶部是带标志的主行,底部会在下方再增加一行。选择抽屉时不显示。
  • 配色方案:打开的菜单面板的颜色。
  • 移动端布局:在手机和平板电脑上,菜单会移入抽屉。开启导航栏后,菜单会改为在页头下方显示为一条横栏,并有自己的导航栏配色。选择抽屉时不显示。

搜索、购物车和本地化

  • 搜索:点击后打开搜索框的搜索图标。设置位置(左或右)和行。
  • 购物车:带商品数量的购物车图标。购物车类型可以是抽屉(侧边面板)、下拉菜单(图标下方的迷你购物车)或页面(打开购物车页面)。配色方案用于设置抽屉或下拉菜单的样式。抽屉和下拉菜单还有免费送货进度条开关,请参阅免费送货进度条是如何工作的?。
  • 本地化:列出您各个市场的按钮,让顾客可以切换国家。开启国家选择器即可显示它。显示国旗会在按钮上显示当前国家的国旗,否则显示地球图标。设置位置和行。

小贴士

  • 透明页头没有效果:请检查主视觉是否紧贴在页头下方。中间夹着公告栏或其他版块都会使其失效。
  • 国家选择器没有显示:至少需要两个市场,请参阅如何设置市场,在多个国家销售?。
  • 菜单项缺失:请编辑菜单本身,而不是页头。

仍需帮助?

给我们留言,我们会回复你。

联系我们