Supply主题是Shopify官方提供的一款免费模板，它的界面结构轻量，特别适合产品数量中等、希望快速建立品牌感的独立站。分区（Sections）是Shopify主题的核心机制，你可以把它理解为页面上可以独立添加、移动、编辑的模块。在Supply主题中，首页布局由多个分区拼接而成，比如顶部公告栏、Logo导航、横幅图片、产品列表、订阅框等。掌握这些分区的自定义方法，就能在不修改代码的情况下大幅改变店铺外观。
一、进入Supply主题自定义后台
在Shopify后台左侧点击“在线商店”，再点击“主题”进入主题管理页。找到当前使用的Supply主题，点击“自定义”按钮。Shopify会打开主题编辑器，左侧是内容与设置面板，右侧是实时预览。编辑器顶部有一个页面选择器，可以切换首页、产品页、集合页、购物车页等。不同页面支持的分区范围不同，Supply主题对首页的支持最丰富。
自定义界面左侧通常分为“分区”和“主题设置”两块。分区用来调整当前页面的模块，主题设置则影响全站颜色、字体、按钮样式、社交媒体链接等。进入后建议先点击顶部页面选择器，确认自己正在编辑首页，因为Supply的首页分区数量最多，后续添加模块的选项也最全。
二、Supply主题常用分区类型
Supply主题内置了多种分区，以便商家快速搭建首页。你可以在左侧点击“添加分区”看到完整列表。常见的包括标头（Header）、幻灯片（Slideshow）、富文本（Rich text）、精选集合（Featured collection）、产品列表（Product list）、博客文章（Blog posts）、新闻订阅（Newsletter）、页脚（Footer）等。每个分区都有自己的设置项，比如标题、按钮文字、图片、商品数量、排列方式。
为了更直观理解，下面用表格列出主要分区类型与适用场景：
| 分区类型 | 主要作用 | 适合场景 |
|---|---|---|
| 标头 | 显示Logo、导航菜单、搜索和购物车 | 全站顶部固定展示 |
| 幻灯片 | 轮播展示品牌活动或主推商品 | 首页首屏视觉区 |
| 富文本 | 添加标题、段落、按钮 | 品牌故事、促销说明 |
| 精选集合 | 展示指定产品系列 | 首页推荐分类 |
| 产品列表 | 手动选择多件商品展示 | 新品或热销专区 |
| 新闻订阅 | 收集访客邮箱 | 底部或中部转化区 |
| 页脚 | 显示支付图标、政策链接、社交账号 | 全站底部信息区 |
需要注意，Supply主题的某些分区只允许在特定位置使用。例如幻灯片通常建议放在首页顶部，新闻订阅可以放在页脚上方。添加分区后，可以随时拖动左侧分区条目调整显示顺序，右侧预览会同步变化。
三、添加、排序与删除分区的具体操作
在主题编辑器左侧，点击“添加分区”会弹出可选模块列表。点击某个分区名称即可加入当前页面底部。比如你想在首页增加一个品牌故事区域，可以点击“富文本”，然后在设置面板中填写标题、正文和按钮链接。所有修改都会实时显示，但不会自动保存，需要点击右上角“保存”才会对访客生效。
排序操作更简单：将鼠标移到左侧某个分区名称上，按住拖动到目标位置即可。Supply主题的排列顺序决定了访客从上到下看到的内容顺序。删除分区时，点击该分区名称，然后在设置面板底部找到“删除分区”按钮。系统会提示确认，删除后该模块从当前页面消失，但不会影响其他页面的同名分区。
如果误删了某个分区，可以重新点击“添加分区”找回相同模块，但原设置不会恢复。因此在删除前建议先截图或记录关键文案。对于复杂首页，操作过程中最好每隔一段时间点击保存，避免浏览器刷新导致修改丢失。
四、分区内容设置与视觉调整
每个分区的设置项差异较大。以精选集合为例，你需要选择一个产品系列、设置每行显示产品数、行数、是否显示价格、是否显示“查看全部”按钮。图片尺寸方面，Supply会按主题默认比例裁剪，因此上传前最好统一产品图比例，避免出现拉伸或留白过多。
文字类分区如富文本，可以设置标题大小、对齐方式、按钮颜色和链接。按钮链接可以指向产品、集合、博客文章或外部地址。设置时直接填写对应页面路径或网址即可。颜色和字体方面，Supply在“主题设置”里提供全局选项，但单个分区往往也能覆盖局部颜色。
移动端预览非常重要。点击编辑器顶部的手机图标可以查看手机布局。Supply主题的部分分区在手机上会自动堆叠显示，例如产品列表从四列变为两列或一列。如果发现移动端文字被裁切，可以回到分区设置中缩小字号或减少每行产品数量。
五、利用分区搭建完整首页结构的思路
一个高效的Supply首页通常遵循这样的结构：顶部标头负责导航，首屏用幻灯片建立视觉冲击，中间用富文本说明品牌卖点，接着用精选集合展示核心产品系列，再插入一个产品列表突出热销单品，最后用新闻订阅和页脚完成转化与信息闭环。你可以把所有需要的模块先一次性添加，再统一调整顺序和内容，这样效率更高。
不用担心首页会显得过长。Supply主题本身设计克制，只要控制好每个分区的行数和间距，就能保持清爽。比如精选集合设置每行四件、显示两行即可，不需要一次展示全部商品。产品列表可以手动挑6到8件，避免让访客在首页就迷失选择。
设置完成后务必到前台检查真实页面。在后台点击“查看商店”或直接访问店铺域名，分别用桌面和手机打开首页、产品页、集合页，确认分区没有错位、按钮链接有效、订阅表单能提交。因为编辑器预览与实际发布有时会因缓存存在细微差异。
六、分区与模板的关系及注意事项
Shopify每个页面都可以关联不同模板，而模板决定了该页面可以使用哪些分区。Supply主题默认提供首页模板、产品模板、集合模板、页面模板等。在首页模板中，你可以自由添加、排序、删除分区；但产品页和集合页通常只开放有限的自定义空间，例如产品信息、推荐产品、集合描述等。
如果你想为某个特定产品系列创建不同首页布局，可以在模板设置中复制模板，但这涉及后台的模板管理。Supply主题更容易操作的思路是：首页只放通用性高的分区，细分活动通过集合页或单独页面来承载。避免为了让某个临时活动改动首页，导致日常品牌展示被打乱。
最后提醒，修改分区虽然不需要代码，但仍建议在操作前备份当前主题。在主题管理页点击“操作”可以下载主题文件到本地。这样即使后期调整不满意，也可以快速恢复。分区设置是Supply主题友好性的体现，掌握它之后，店铺首页就能像拼积木一样按你的销售策略灵活变化。
Shopify Supply主题Shopify分区设置Shopify自定义 修改时间：2026-09-21 13:46:39