入门90分钟第 8 课

主题备份与装修:先复制,再改 Sections、Blocks 和 Templates

选择和预览主题,建立发布前备份,理解 Sections、Blocks、Theme settings 与 Templates,再按首页、集合页和商品页完成移动端装修验收。

8
当前进度
8/20 课时

作者与维护者

卫染风

发布日期

更新日期

最近复核

维护边界 结合 Shopify、Google 搜索、广告、数据分析与独立站运营流程复核。

课程进度
学习进度
8/20 课时
当前章节已解锁继续按顺序推进

第二阶段 · 主题与店铺结构

主题备份与装修:先复制,再改 Sections、Blocks 和 Templates

先预览真实客户路径并复制主题,再用全局设置、Sections、Blocks 和 Templates 组织首页、商品页和集合页,最后用桌面/移动端验收、发布和回滚。

本课怎么做才算完成

沿着 Online Store > Themes > Edit theme 找到正确页面,再完成设置、保存、验证和记录。完成不是看过页面,而是能指出保存状态、验证结果和继续条件。

后台路径
Online Store > Themes > Edit theme
本课产出
一份带日期的主题备份、页面模板清单、首页与商品页结构图、移动端截图、发布记录和每项修改的回滚方法。
可以继续
副本可识别,关键页面和模板在桌面/移动端预览通过,发布后路径稳定,上一版主题和回滚负责人明确。
必须暂停
如果未复制 live theme、模板分配不明、移动端遮挡、App 冲突或发布后无法恢复,先暂停装修和发布。

证据边界:主题编辑器预览不证明 live theme 已发布,也不证明所有设备、App、动态 source 和真实客户流程都正常;发布后必须重新回读。

这一课为什么要先做

主题装修既影响转化,也可能影响所有商品、集合、菜单和结账入口。没有副本和回滚,任何一次 padding、template、App embed 或全局颜色修改都可能把整个店铺带入不可解释的状态。

开始前准备

  • 准备当前 live theme 名称、版本、备份命名规则和回滚负责人。
  • 列出真实商品、集合、菜单、搜索、购物车、模板和移动端设备。
  • 先写首页信息层级、每项改动的目的和需要保留的旧版本。
Shopify Online Store Themes 当前主题和预览入口。
Online Store → Themes → Preview先从真实商品页、集合页、菜单、搜索、购物车和移动端预览主题,不要只看 Theme Store 示例首页。

跟着英文后台一步一步做

每做完一步就刷新页面或从前台验证一次。后台显示已保存,不代表客户看到的结果一定正确。

1

选择并预览主题

在 Online Store > Themes 查看当前主题和 Theme Store 选项。先用 Preview 检查商品页、集合页、菜单、搜索、购物车和移动端,不要只看主题示例首页。

做完后应该看到或拿到:得到主题候选版本在真实店铺路径上的预览结果。

怎样算完成:商品、集合、菜单、搜索、购物车和移动端没有关键遮挡或路径断裂,候选主题适合继续复制。

如果结果不对或入口没出现:入口或预览内容不对时,确认当前店铺、页面标题和 Preview 上下文,回到完整 Online Store > Themes section。

留下证据:记录主题名称、版本、预览 URL、设备、关键路径结果和验证时间。预览不证明 live theme 已发布。

2

复制主题并命名备份

对当前主题执行 Duplicate,使用日期加用途命名,例如 `2026-08-01-before-launch`。所有装修先在副本完成,记录谁在什么时候改了什么。

做完后应该看到或拿到:得到可识别、可回退、与当前 live theme 分开的备份副本。

怎样算完成:副本名称、来源主题、创建时间、修改人和回滚目标都能回读。

如果结果不对或入口没出现:新模板前台没有生效时,回到商品或集合的 Theme template 字段分配模板,再检查发布主题是否包含该模板。

留下证据:保存副本名称、来源、日期、修改记录、模板分配和 live theme 名称。

失败处理:不要把装修直接做在 live theme 上再靠历史记录恢复;先复制再改是本课的安全边界。

3

理解 Sections、Blocks 与 Theme settings

进入 Edit theme。Section 是页面模块,Block 是模块内元素,Theme settings 控制全局颜色、字体、按钮和布局。先改全局,再处理单页,避免同一个样式在多个地方重复修。

做完后应该看到或拿到:得到全局设置、页面 Sections 和 Blocks 的责任边界。

怎样算完成:每次改动都能指出影响范围、保存状态、前台结果和恢复方式。

如果结果不对或入口没出现:页面入口或字段不对时,确认当前模板、页面标题和 section/card,不要在名称相近的模板中继续改。

留下证据:记录全局设置、模板、Section/Block、动态 source、影响页面和截图。

4

整理首页的信息顺序

首屏说明卖什么、适合谁和下一步,后面再放核心卖点、主推商品、信任信息、使用场景、FAQ 和邮件订阅。每个 Section 只承担一个主要任务,删除没有信息价值的默认模块。

做完后应该看到或拿到:得到从理解产品到行动的首页信息层级和模块职责。

怎样算完成:桌面和移动端首屏、卖点、商品、信任、FAQ 和 CTA 顺序符合客户任务,文字和按钮没有被遮挡。

如果结果不对或入口没出现:移动端文字或按钮被遮挡时,检查 Section padding、fixed/sticky 元素、App embed 和安全区,不要只缩小字体。

留下证据:保存首页结构图、Section 顺序、移动端截图、CTA 路径和复测时间。

失败处理:如果每个模块都在抢首屏注意力,先回到客户任务删减或重排,不要继续增加 Banner。

5

建立商品和集合 Templates

需要不同结构的商品再创建独立 template,不要为每个 SKU 都复制一份。模板创建后还要回到商品或集合分配它,检查 dynamic source 是否正确读取当前商品。

做完后应该看到或拿到:得到可复用的商品/集合模板、明确分配和动态数据结果。

怎样算完成:目标商品和集合使用正确模板,字段、图片、价格和动态 source 在前台读取当前对象。

如果结果不对或入口没出现:模板存在但前台仍是旧结构时,检查商品/集合分配、当前发布主题和缓存,按一个对象逐项回读。

留下证据:记录模板名称、适用商品/集合、分配时间、动态 source、前台 URL 和移动端结果。

6

完成预览、发布和回滚记录

用桌面与手机预览首页、集合、商品、购物车和搜索,确认按钮、文字、图片比例和 sticky elements 没有遮挡。保存截图后才发布副本,并保留上一版主题作为回滚。

做完后应该看到或拿到:得到发布副本、验收截图、发布时间、上一版主题和可执行回滚动作。

怎样算完成:关键路径在发布前后都通过,谁在什么条件下恢复哪个主题已写清楚。

如果结果不对或入口没出现:发布后效果变回旧版时,确认发布的是正确副本,检查主题切换记录和自定义是否保存,必要时从上一版回滚。

留下证据:保存桌面/移动端截图、发布主题名、时间、关键 URL、问题单、回滚负责人和回滚结果。

失败处理:发布后发现布局、模板或 App 冲突时,先恢复上一版并保留证据,再在副本修复和重测。

Shopify Themes 复制主题和备份命名。
Online Store → Themes → Duplicate先复制当前主题,用日期和用途命名,所有装修在副本完成并记录修改人和时间。
Shopify Theme editor 的 Sections、Blocks 和 Theme settings。
Online Store → Themes → Edit theme先理解全局 Theme settings,再调整页面 Sections 和其中的 Blocks,避免同一问题散落在多个页面重复修。
Shopify 主题预览、发布和回滚记录。
Themes → Preview → Publish → previous theme rollback发布副本前保存桌面/移动端截图,保留上一版主题和明确回滚动作,发布后重新检查关键路径。

现在把判断用到你的店铺

先用真实商品页、集合页、搜索和购物车预览主题,再复制并命名备份。所有改动在副本完成:先全局 Theme settings,再页面 Sections/Blocks,再分配商品/集合 Templates,最后用桌面和移动端保存截图、发布并演练回滚。

这一步先给出后台位置,再用一个实际情境检查你是否能做出决定。

把这一步用到你的店铺

完成后应得到:一份带日期的主题备份、页面模板清单、首页与商品页结构图、移动端截图和每项修改的回滚方法。

相关后台路径:Online Store > Themes > Edit theme

你在 live theme 上完成了大量改动,但没有副本,也没看 390px 手机首屏。现在应该怎么做?

先做判断,再对照原因

这不是记忆题。先选出能解决问题的动作,再看解释。

在店铺里逐项确认

按当前店铺的实际值逐项确认;这份清单不会替你保存设置或执行测试。

这一步还不能说明:主题编辑器预览不证明 live theme 已发布,也不证明所有设备、App 和真实客户流程都正常

继续条件:存在命名清楚的备份,关键模板与移动端首屏已预览,发布人和回滚点都明确

暂停条件:如果改动只存在于 live theme、没有副本或移动端购买路径仍被遮挡,不要发布

下一步:下一课建立 Pages、Menus 与 URL redirects,把内容变成客户能找到的路径。

先补齐判断或核对项。没有足够信息时,保持暂停比猜一个通过更安全。

主题备份后的恢复演练

把常见故障写成可以执行的恢复动作:先定位版本、模板或模块,再决定修复副本、暂停发布或恢复上一版。记录实际结果,不要把“知道怎么回滚”当成已经演练。

场景先检查继续条件失败/回滚证据
新模板未生效商品/集合分配和发布主题前台读取当前对象的模板和动态 source回到分配字段或上一版主题对象 URL/模板:________
移动端遮挡padding、sticky/fixed、App embed、安全区按钮、文字和图片比例可读可用恢复副本或移除冲突模块设备/截图:________
发布后变旧版发布副本、主题切换记录、保存状态正确副本在关键路径稳定恢复上一版主题并保留问题证据时间/负责人:________
App 或模板冲突副本版本、App embed、模板分配冲突被定位且重测通过暂停发布或回滚上一版问题单/复测:________

这一课需要做出的决定

按行填写当前店铺的实际值,不要把示例或计划值当成完成。实际值符合条件并有保存或测试证据,才可以标记通过。

这一课需要做出的决定
项目推荐设置为什么
改动位置先全局 Theme settings,再 Sections/Blocks减少重复修改和样式漂移
备份命名日期 + 用途让来源和回滚目标可识别
Template 数量按结构差异建立避免每个 SKU 一份难维护模板
发布动作预览、截图、第二人确认后发布把回滚从口头承诺变成动作

这些地方先不要乱动

  • 不要在 live theme 上直接大改,再靠记忆恢复。
  • 不要为每个 SKU 复制模板,也不要忘记把模板分配回商品或集合。
  • 不要只看桌面或 Theme Store 示例;移动端、真实对象和发布后版本都要验收。

常见问题

复制主题后就自动成为 live theme 吗?

不会。副本需要单独预览、编辑、验收和发布;发布前要保留当前 live theme 作为回滚目标。

每个商品都应该有一个独立 template 吗?

不应该。只有结构确实不同的商品或集合才拆分模板,否则模板数量会难以维护。

Theme editor 预览通过就可以发布吗?

还要在桌面和移动端检查真实商品、集合、搜索、购物车、模板和 App 影响,并写清发布后回滚动作。

本课结论与继续条件

主题任务的完成标准不是页面看起来更漂亮,而是每次改动都有副本、范围、模板分配、真实前台结果和回滚动作。继续前确认桌面和移动端关键路径稳定,发布副本和上一版主题都可识别。

课程 FAQ

本课只保留这一组常见问题

改主题前一定要 Duplicate 吗?

强烈建议。副本能让你预览、比较和回滚,也能减少多人同时修改 live theme 的风险。

Sections 和 Blocks 有什么区别?

Section 是页面上的一个完整模块,Block 是模块内部可重复或可配置的元素。不同主题允许的层级和能力会有差异。

应该什么时候新建 product template?

当一组商品需要明显不同的页面职责或模块时再建。只是图片和文案不同,通常继续用同一模板和动态内容。

本课 HowTo 步骤

按本课步骤完成

  1. 1

    选择并预览主题

    在 Online Store > Themes 查看当前主题和 Theme Store 选项。先用 Preview 检查商品页、集合页、菜单、搜索、购物车和移动端,不要只看主题示例首页。

  2. 2

    复制主题并命名备份

    对当前主题执行 Duplicate,命名为日期加用途,例如 2026-08-01-before-launch. 所有装修先在副本完成。记录谁在什么时候改了什么。

  3. 3

    理解 Sections、Blocks 与 Theme settings

    进入 Edit theme。Section 是页面模块,Block 是模块内元素,Theme settings 控制全局颜色、字体、按钮和布局。先改全局,再处理单页,避免同一个样式在多个地方重复修。

  4. 4

    整理首页的信息顺序

    首屏说明卖什么、适合谁和下一步,后面再放核心卖点、主推商品、信任信息、使用场景、FAQ 和邮件订阅。每个 Section 只承担一个主要任务,删除没有信息价值的默认模块。

  5. 5

    建立商品和集合 Templates

    需要不同结构的商品再创建独立 template,不要为每个 SKU 都复制一份。模板创建后还要回到商品或集合分配它。检查动态 source 是否正确读取当前商品。

  6. 6

    完成预览、发布和回滚记录

    用桌面与手机预览首页、集合、商品、购物车和搜索。确认按钮、文字、图片比例和 sticky elements 没有遮挡。保存截图后才发布副本,并保留上一版主题作为回滚。

返回课程目录
20
查看所有教程

把这节课发给一起复盘的人

建议连同本课的复制笔记一起分享,让对方看到同一组数据、判断线和下一步动作。