区块是超级菜单或选项卡中的一项内容。区块在一行中并排排列,每个区块的 宽度 决定它在该行中所占的比例。
链接和按钮
图片和横幅
产品和产品系列
产品列表一张产品卡片,或以网格、列表、轮播形式展示的多个产品。
Lookbook 热点一张照片,照片中的产品上有可点击的圆点。
产品系列列表带图片的产品系列。Growth · Pro
产品系列聚焦产品系列名称旁边显示其产品网格。Growth · Pro
内容和促销
博客文章最新的或您亲自挑选的博客文章。Growth · Pro
联系表单客户用来给您发送消息的表单。
新闻通讯邮件订阅表单。
倒计时倒数至某个日期的计时器。Growth · Pro
优惠码顾客一键即可复制的折扣码。Growth · Pro
自定义 HTML任意 HTML:地图、视频、嵌入内容。Pro
我应该使用哪个区块?
| 区块 | 最适合 | 选择区块 中的选项卡 | 套餐 |
|---|---|---|---|
| 链接列表 | 分类、品牌、尺码 | 链接列表 | 所有套餐;徽章 需要 Pro Navigation |
| 悬停图片链接 | 带图片预览的分类 | 链接列表 | 所有套餐 |
| 特色列表 | 免运费、退货、安全支付 | 链接列表 | 所有套餐 |
| 按钮 | “Shop all”号召性用语 | 链接列表 | 所有套餐 |
| 图片 | 季节性横幅或促销 | 添加自定义图片 | 所有套餐 |
| 图片轮播 | 在一个区块中展示多个活动 | 添加自定义图片 | Growth Navigation、Pro Navigation |
| 促销横幅 | 带按钮的促销或新产品系列 | 添加自定义图片 | 所有套餐 |
| 品牌标志 | “按品牌选购” | 添加自定义图片 | 所有套餐 |
| 产品列表 | 畅销品、新品、某个产品系列 | 添加产品 | 单个产品:所有套餐。网格、列表、轮播:Growth Navigation、Pro Navigation |
| Lookbook 热点 | “选购同款搭配” | 添加产品 | 所有套餐 |
| 产品系列列表 | “按类别选购”图块 | 产品系列 | Growth Navigation、Pro Navigation |
| 产品系列聚焦 | 来自多个产品系列的产品 | 产品系列 | Growth Navigation、Pro Navigation |
| 博客文章 | 指南、Lookbook、新闻 | 博客 | Growth Navigation、Pro Navigation |
| 联系表单 | 无需离开页面即可提问 | 联系表单 | 所有套餐 |
| 新闻通讯 | 扩大您的邮件列表 | 联系表单 | 所有套餐 |
| 倒计时 | 限时抢购和截止日期 | 倒计时 | Growth Navigation、Pro Navigation |
| 优惠码 | 可复制的折扣码 | Coupon code | Growth Navigation、Pro Navigation |
| 自定义 HTML | 地图、视频、嵌入内容 | 菜单中添加HTML | Pro Navigation |
另外两个选项卡用于添加结构,而不是单个区块:
- 多区块 可一键添加现成的组合,例如 3 个链接列表 + 1 张图片 或 地图 + 联系方式 + 地址。所需套餐取决于其中包含的区块。项目分组 会在一列中堆叠多个区块;请参阅瀑布流布局(Pro Navigation)。
- 标签 可添加简单或嵌套的选项卡,选项卡标题位于左侧、顶部或右侧。请参阅选项卡菜单(Pro Navigation)。
添加区块
-
打开面板
在菜单编辑器中,点击带有超级菜单的项目以打开其面板。点击 添加区块。
在打开的超级菜单面板中点击添加区块。 -
选择选项卡和布局
在 选择区块 中,点击一个选项卡,例如 多区块、链接列表 或 Coupon code(优惠码)。将鼠标悬停在某个布局上,然后点击 选择。
(1) 选择一个选项卡,(2) 将鼠标悬停在布局上并点击选择。 -
设置区块
区块的设置会在 编辑项目 中打开。填写内容并选择 宽度。之后如需编辑,请在预览中点击该区块。
(1) 在预览中点击倒计时,(2) 设置其宽度。 -
保存并发布
点击 保存,然后点击 发布。
所有区块共有的设置
- 宽度
- 区块在该行中所占的比例:自动,或 8.33% 到 100%。宽度总和超过 100% 的区块会换到新的一行。如需等宽的列,请使用 4 × 25%、3 × 33.33% 或 2 × 50%。
- 在桌面上隐藏 / 在移动设备上隐藏
- 位于 可见性 下。在某一类设备上隐藏该区块。
- 登录后隐藏 / 仅在登录时显示
- 位于 可见性 下。区块仅向访客显示,或仅向已登录的客户显示。
- 计划发布
- 位于 可见性 下。区块仅在 开始日期 / 开始时间 与 结束日期 / 结束时间 之间显示。请参阅计划菜单发布。
- 额外的类名
- 位于 高级 下。添加您自己的 CSS 类,以便使用自定义 CSS 设置区块样式。
此页面对您有帮助吗?
感谢您的反馈! 告诉我们缺少了什么
报告问题