跳至正文
帮助
简体中文
店铺编辑器

区块(Sections)和模块(blocks):如何添加、重新排序、复制和删除它们?

理解区块与模块的区别、全局与单页区块的区别,以及如何在店面构建器中添加、重新排序、复制、隐藏和删除它们。

区块与模块

区块是页面上的一整行通栏横向行,例如英雄横幅、产品网格或页脚。区块纵向堆叠,你可以控制它们的顺序。模块是放在区块内部的一块内容:文本模块、图片、按钮、分隔线或布局组。有些区块持有一组固定的模块(页眉始终有 logo、菜单、搜索、购物车和本地化),而另一些则让你自由添加、移除和重新排序模块(页脚、英雄区、订阅区)。

两者的编辑方式相同:在预览中点击某个区块或模块,或从图层列表中选择它,它的设置就会在左侧的控制面板中打开。

全局区块与单页区块

构建器让你分别设计每种页面类型。可编辑的页面有首页产品页落地页合集页搜索页购物车结账感谢页(订单确认)、联系政策404

  • 全局区块页眉页脚公告栏出现在每种页面类型上。每个页面保留自己的副本,所以一次编辑只应用于你所在的页面。在其中一个区块上使用应用到所有页面操作,可把它的设计复制到其他每个页面上的同一区块。
  • 单页区块属于特定的页面类型。英雄区幻灯片指示器合集区块只存在于首页。产品信息只存在于产品页,落地信息只在落地页,依此类推。
  • 任意页区块可以添加到每种页面类型。它们是文本图片分隔线自定义代码,以及独立的社交媒体图标区块。

要查看每个区块的作用及其设置的完整目录,请参阅 首页区块产品页和落地页区块全局区块共享和系统页面区块

添加区块或模块

  1. 打开 构建器,用页面选择器切换到你想编辑的页面。
  2. 使用添加区块按钮(或预览中区块之间出现的加号控件)打开选择器。
  3. 挑选一种区块类型。列表中只出现当前页面允许的区块,所以比如在联系页上你不会看到英雄区选项。
  4. 要添加模块,选择一个接受模块的区块,然后使用它的添加模块按钮。标有在(项目)前添加在(项目)后添加的加号控件让你在精确位置插入一个模块。

重新排序区块和模块

用手柄拖动区块或模块来移动它。区块在页面内纵向重排;模块在其父区块内重排。像页眉这样的固定布局区块会让其模块保持原位,所以你是配置那些模块而不是移动它们。重新排序是实时编辑:你放下时预览就会更新。

复制、拷贝和粘贴

  • 复制会在原件旁边做一个区块或模块的精确副本,包括它的所有设置和子模块。
  • 拷贝粘贴可移动整个区块或模块,甚至跨页面:在一个页面上拷贝它,切换页面,然后把它粘贴进去。
  • 仅复制样式仅粘贴样式只把外观(颜色、间距、排版)从一个元素转移到另一个相同类型的元素,而不改动它的内容。

复制或粘贴会遵守每个区块的单页上限。如果一个页面已经持有某种区块类型的最大数量,该操作会被阻止。

隐藏与删除

眼睛图标在隐藏显示之间切换一个区块或模块。隐藏的元素仍留在你的布局中并保留它的所有设置,但它不会在上线的店铺中渲染,这对你想以后找回的季节性内容很有用。删除会永久移除该元素。

必需的区块和上限

有些区块在其页面上是必需的,不能删除,只能配置。产品页上的产品信息、落地页上的落地信息、合集页上的合集产品、搜索页上的搜索产品,以及购物车结账订单确认联系政策404 区块,再加上页眉页脚,都属于这一类。对这些区块,删除控件被禁用。

大多数区块类型还会限制单个页面能持有多少份副本(例如 1 个页眉、1 个页脚、2 个公告栏、2 个幻灯片、2 个指示器、2 个自定义代码区块、3 个文本区块、3 个图片区块、10 条分隔线)。当你达到上限时,该区块就不再出现在那个页面的添加选择器中。

保存和发布

每次编辑都会即时更新预览,并被记录在构建器的撤销历史中,所以你可以用撤销往回退。更改只有在你保存并发布页面后才会对购物者上线。