区块与模块
区块是页面上的一整行通栏横向行,例如英雄横幅、产品网格或页脚。区块纵向堆叠,你可以控制它们的顺序。模块是放在区块内部的一块内容:文本模块、图片、按钮、分隔线或布局组。有些区块持有一组固定的模块(页眉始终有 logo、菜单、搜索、购物车和本地化),而另一些则让你自由添加、移除和重新排序模块(页脚、英雄区、订阅区)。
两者的编辑方式相同:在预览中点击某个区块或模块,或从图层列表中选择它,它的设置就会在左侧的控制面板中打开。
全局区块与单页区块
构建器让你分别设计每种页面类型。可编辑的页面有首页、产品页、落地页、合集页、搜索页、购物车、结账、感谢页(订单确认)、联系、政策和 404。
- 全局区块:页眉、页脚和公告栏出现在每种页面类型上。每个页面保留自己的副本,所以一次编辑只应用于你所在的页面。在其中一个区块上使用应用到所有页面操作,可把它的设计复制到其他每个页面上的同一区块。
- 单页区块属于特定的页面类型。英雄区、幻灯片、指示器和合集区块只存在于首页。产品信息只存在于产品页,落地信息只在落地页,依此类推。
- 任意页区块可以添加到每种页面类型。它们是文本、图片、分隔线、自定义代码,以及独立的社交媒体图标区块。
要查看每个区块的作用及其设置的完整目录,请参阅 首页区块、产品页和落地页区块、全局区块 和 共享和系统页面区块。
添加区块或模块
- 打开 构建器,用页面选择器切换到你想编辑的页面。
- 使用添加区块按钮(或预览中区块之间出现的加号控件)打开选择器。
- 挑选一种区块类型。列表中只出现当前页面允许的区块,所以比如在联系页上你不会看到英雄区选项。
- 要添加模块,选择一个接受模块的区块,然后使用它的添加模块按钮。标有在(项目)前添加和在(项目)后添加的加号控件让你在精确位置插入一个模块。
重新排序区块和模块
用手柄拖动区块或模块来移动它。区块在页面内纵向重排;模块在其父区块内重排。像页眉这样的固定布局区块会让其模块保持原位,所以你是配置那些模块而不是移动它们。重新排序是实时编辑:你放下时预览就会更新。
复制、拷贝和粘贴
- 复制会在原件旁边做一个区块或模块的精确副本,包括它的所有设置和子模块。
- 拷贝和粘贴可移动整个区块或模块,甚至跨页面:在一个页面上拷贝它,切换页面,然后把它粘贴进去。
- 仅复制样式和仅粘贴样式只把外观(颜色、间距、排版)从一个元素转移到另一个相同类型的元素,而不改动它的内容。
复制或粘贴会遵守每个区块的单页上限。如果一个页面已经持有某种区块类型的最大数量,该操作会被阻止。
隐藏与删除
眼睛图标在隐藏和显示之间切换一个区块或模块。隐藏的元素仍留在你的布局中并保留它的所有设置,但它不会在上线的店铺中渲染,这对你想以后找回的季节性内容很有用。删除会永久移除该元素。
必需的区块和上限
有些区块在其页面上是必需的,不能删除,只能配置。产品页上的产品信息、落地页上的落地信息、合集页上的合集产品、搜索页上的搜索产品,以及购物车、结账、订单确认、联系、政策和 404 区块,再加上页眉和页脚,都属于这一类。对这些区块,删除控件被禁用。
大多数区块类型还会限制单个页面能持有多少份副本(例如 1 个页眉、1 个页脚、2 个公告栏、2 个幻灯片、2 个指示器、2 个自定义代码区块、3 个文本区块、3 个图片区块、10 条分隔线)。当你达到上限时,该区块就不再出现在那个页面的添加选择器中。
保存和发布
每次编辑都会即时更新预览,并被记录在构建器的撤销历史中,所以你可以用撤销往回退。更改只有在你保存并发布页面后才会对购物者上线。