E-COMMERCE

EP03. "Layout Management:Add Block 与首页版块编排"

首页 › E-COMMERCE › SiteGiant · Webstore Builder · EP03
约 5 分钟· #EP03#SiteGiant#Webstore Builder
🔒 登录后可标记已读
  • 选好 Theme(见 EP02)只是骨架,真正让网店看起来"是自己的"要靠版块编排——UniCart 用 Add Block 这套工具让卖家自己拼首页。
  • 这一篇对应官方 SiteGiant Beginner Tutorial 系列的 Episode 6(Webstore Layout Management),⚠️ 该影片字幕未能成功抓取,本篇内容以第三方资料整理为主,没有逐字对照官方影片内容。
  • 适合已经选好 Theme、准备动手排版首页/各页面内容的卖家。
  • 学完能理解 Add Block 怎么用、Banner Slide 怎么设置,以及版块编排跟 Theme 选择之间的分工。

重点内容


Add Block——版块编排的核心工具(SiteGiant/UniCart 后台操作)

  • 后台左侧菜单有 Add Block 按钮,也可以在页面版块的上下方直接点 + 按钮插入新版块。
  • 每个 Block 代表首页(或其他页面)里的一个区块,例如:Banner 轮播、商品清单区、促销文字区、图文介绍区等。
  • 版块之间可以自由排列顺序,卖家想把促销区放最上面、商品清单放中间,都是靠拖拽/插入 Block 的方式调整,不需要写代码。

  • Banner(首页大图轮播)是 Layout Management 里最常用的一个 Block 类型。
  • 设置方式是上传图片、排列播放顺序,官方支持文档专门有 How to Create Slide Show / Change Slider Images 的教学(属于 UniCart Support Center,跟 SiteGiant 主支持站是分开的另一个知识库)。
  • Banner 通常用来放主打促销、新品上架、节庆活动的宣传图。

Settings 跟 Add Block 的分工

  • Settings:管整体风格层面的东西,例如主题色、Logo、整体配色。
  • Add Block:管具体内容层面的东西,例如首页要不要放促销区、商品清单排几列。
  • 两者搭配使用:先用 Settings 定好整体风格基调,再用 Add Block 把实际内容一块一块拼上去。

排版跟商品管理是两件事

  • 📌 Layout Management 管的是"版面怎么排",商品本身的上架、库存这些内容属于 02 分类(Product and Inventory)的范畴,这里不重复展开——版块里"放什么商品"要先在商品管理那边把商品建好,Layout 这边才有东西可以选进 Block 里显示。

常见误区

  • ❌ 把"换 Theme"跟"编排版块"当成同一件事——Theme 决定的是整体风格骨架,Block 才是决定具体内容怎么排列,两个是分开的设置层。
  • ⚠️ 具体能加几种类型的 Block(例如是否支持视频区块、客户评价区块),公开资料没有列出完整清单,实际可用类型以后台实际显示为准。

Sources

Blog / Website:

  1. How To Manage Webstore Layout - SiteGiant Support Centre(WebSearch 摘要,WebFetch 对该域名返回 403)
  2. Blocks – SiteGiant Support Centre(WebSearch 摘要)
  3. How to Create Slide Show / Change Slider Images – UniCart Support Center(WebSearch 摘要)

YouTube:

  1. SiteGiant Beginner Tutorial - Episode 6 (Webstore Layout Management)(官方教学影片,⚠️ 字幕未能抓取,仅作补充参考,本篇内容未逐字依据此影片撰写)