Shopify 套装页怎么做：从版本选择到配件加购

作者：WESWOO · 2026 年 10 月 29 日

exist Shopify 里卖一台相机，可以建立一个商品；要让顾客看懂单机与套装的区别、选对配件，再把这些选择准确带进购物车，就需要把商品资料、主题页面和订单连接起来。客户最终应该看到的是一条可以操作的购买路径：切换套餐时内容跟着变，勾选配件后金额对得上，结账后仓库知道该发什么。

这篇用 DJI Osmo Pocket 3 Creator Combo 与 Raspberry Pi 5 配件作为产品参考，逐步说明同类需求怎样在 Shopify 实现。品牌商品事实来自官方资料；下文的 Shopify 商品结构、页面模块与演示数字是建议实施方案，不代表两个品牌使用 Shopify，也不代表已经完成客户店铺部署。

图：DJI 官方使用场景图。放进 Shopify 商品媒体区时，它负责说明使用情境；实际交付内容由购买区的当前商品清单说明，不能让场景中的所有物品自动成为套装承诺。图片来源

本例把单机与原厂套装建成两个 Shopify 商品

DJI 官方商城列出了单机与具名 Creator Combo；后者清单中有 Mic 2 发射器、续航手柄、迷你三脚架和收纳包等物品。借鉴这类销售方式时，可以在 Shopify 后台分别建立“Pocket 3 单机”和“Pocket 3 Creator Combo”两个商品，让它们各自维护 SKU、售价、媒体和库存。顾客选的是哪一个，Shopify 订单就记录哪一个，而不只是备注里写了“升级套餐”。产品参考

如果仓库实际收发的是完整原厂盒装，这两个 Shopify 商品就按各自盒装库存管理。套装盒里的麦克风不必因为单支麦克风卖完而消失，也不能把单支麦克风的库存直接当作整盒套装库存。这里选择独立商品，是为了让 Shopify 中的销售单位与仓库的实物单位一致；后面商家现场拼装的组合，再采用组件库存关系。

顾客不需要先理解两个 Shopify 商品的后台区别。我们可以先定义“同系列版本”产品引用列表字段，给商品填入这两个关联商品，再让共用商品模板中的“版本选择卡”读取它。卡片展示版本名称、关键差异与对应商品链接；点击 Creator Combo，就进入它自己的 Shopify 商品页，当前价格、图片与库存随商品一起更新。这个版本卡需要定制主题区块，不是创建两个商品后自动出现的功能。主题显示产品引用列表

在 Shopify 预览店里验收这一段时，应从单机点进套装，再返回单机，检查卡片高亮、网址、售价和加入购物车的商品是否一致。客户此时能直接理解页面开发的结果：同一个系列被组织成容易比较的购买入口，每一个入口背后仍是准确的 Shopify 商品。

“盒内有什么”，让 Shopify 模板读取当前商品的资料

原厂套装的包含物不宜写在整个系列共用的一段介绍里。Shopify 可以先定义“包装内容”自定义字段，再分别为单机与套装填入各自清单，最后由商品模板的“本次包含”区块读取显示。这样从单机页切到套装页，显示的是当前商品的内容，运营修改清单也有固定入口。Shopify 自定义资料

如果清单需要重复使用图片、名称、数量和对应配件链接，可以先定义一个“包装条目”元对象，再创建各条目并填写这些值，然后在商品字段中引用相应条目，由主题区块读出卡片。这里的顺序是定义结构、填写资料、页面读取；元对象负责存资料，图片排布、数量样式和展开交互仍由 Shopify 主题实现，不会自动生成一张完整套装页。元对象说明

在 Shopify 的购买区，这个区块应该出现在版本选择与购买按钮附近，而不是藏在页面末尾。比如当前商品清单已包含一支麦克风，就在清单里明确写出数量。商品媒体可以继续用有氛围的拍摄场景图，但 Shopify 模板同时提供可读的交付清单，让顾客既看懂用途，也看清购买范围。

这部分的验收可以很具体：在 Shopify 后台只修改套装商品的一条包装内容，刷新套装页后应看到更新，单机页应保持自己的清单。能完成这一步，说明资料确实绑定到了商品；如果两页仍然共用旧文案，就需要调整主题读取方式，而不是继续往长图里补文字。

配件推荐接入 Shopify，才能从“看起来能选”变成真实加购

对于“买相机时顺便买配件”的需求，可以在 Shopify Search & Discovery 中，分别为单机商品和套装商品设置互补商品，并在支持该功能的主题中显示。套装已经包含的同款麦克风，就不再作为它的常规必购推荐。这里由商家分别配置两份推荐；Shopify 不会仅凭套餐名称自动识别已包含的配件。互补商品设置

如果客户希望推荐区出现勾选框、“额外购买一件”和合计金额，就需要在 Shopify 主题上增加可选配件模块。推荐来源仍可由商家维护，但模块必须对应真实可售的商品变体，读取价格与可售状态，说明这是另付费商品。Search & Discovery 提供推荐关系，勾选、计价及提交逻辑是额外开发，不能把它们当成安装应用就会出现的效果。

点击加购时，这个模块通过 Shopify 的购物车接口，把当前主商品变体与顾客明确勾选的配件变体一起加入购物车，并根据实际返回结果更新购物车。页面上的“再加一支麦克风”必须形成真实商品行；把这句话写进备注，不能让 Shopify 自动计价、扣减麦克风库存或生成正确的拣货项目。Shopify Ajax Cart API

对客户演示时，可以先只选套装加购，再选择套装加额外麦克风，对比 Shopify 购物车里的商品与总价。若设计有“立即购买”入口，也要验证它能否携带这些已选配件；这条路径尚未接通时，可选配件模块应统一先进入购物车确认，避免一个按钮带走全部选择，另一个按钮只买了主商品。

商家自己拼套装，用 Shopify Bundles 建立组件关系

Raspberry Pi 5 的配件提供了另一种 Shopify 商品场景：商家从开发板、电源和散热器的共享库存中各取一件，组成固定销售组合。产品资料中，Pi 5 官方建议使用高质量 5V/5A USB-C 电源；这可以转成 Shopify 商品页里明确的电源选择说明，而不是一个笼统的“USB-C 通用”标签。Raspberry Pi 产品参考

在 Shopify 中，应先把要用的板卡、电源、散热器建成组件商品，填好实际规格与库存，再用官方 Shopify Bundles 应用建立固定组合，选择组件及每套数量。此时顾客购买的是一个组合商品，后台保留它与组件的关系；不是再建一个名称叫“套装”的普通商品，然后靠仓库人工记忆取哪三件。Shopify Bundles 创建流程

图：Shopify 官方应用展示的固定组合创建界面，示例商品属于官方演示。对应本节的方法，是先在 Shopify 选择真实组件与数量，再形成可销售组合；图中并非本文搭建的 Pi 5 店铺。图片来源

电源如果有不同插头版本，可以在 Shopify 中先给电源商品建立相应变体，再在允许的组合选项中配置这些变体。顾客看到的是“插头版本”的具体选择，后台关联的是对应电源变体；不能只替换一张插头图片，却仍提交同一个库存项目。固定组件中的规格选择，也不等于让顾客任意增删组件的自由搭配。

图：Shopify 官方应用的前台演示，展示固定组合中组件规格的选择。客户想要的选项卡、说明顺序与配件加购体验，需要结合实际 Shopify 主题完成；不能把官方演示图当成已经交付的定制页面。图片来源

如果客户要求“有电源就去掉电源，再任选两种配件”，这个需求已经改变了 Shopify 的组合规则。官方 Bundles 应用不支持 mix-and-match，应在实施范围中明确需要另外选择支持该能力的方案；不能先画出任意组合的界面，再承诺固定组合应用会自动接住。组合适用范围

在 Shopify 商品模板中，还应给这个固定组合设置“需另备物品”说明，写清存储介质、系统准备等未包含条件。Active Cooler 的官方安装图展示了它装在板卡上的关系，并不能证明购买散热器包含板卡；对应到 Shopify，安装演示图与包装清单要由不同区块承担，不能让同一张图同时许诺两种交付范围。散热器产品参考

库存和价格，要让 Shopify 的实际结果跟上页面承诺

假设 Shopify 中板卡、电源、散热器可用数量分别为 16、9、11，每套各用一件，在这些简化条件下最多组成 9 套。另售两件电源后，就只剩 7 套的组件条件。这里是教学数字；实施时应检查 Shopify Bundles 根据组件用量得出的实际可售状态，而不是给主题另写一个永远显示“9 套现货”的数字。组件库存规则

这个测试也要检查 Shopify 组件是否开启库存跟踪、是否允许缺货继续销售，因为这些设置会影响组合可售数量的计算。再结合商家自己的库存地点与配送配置验证发货安排：组件在不同仓库时，不能因为 Shopify 页面显示可售，就自动向顾客承诺整套同箱一次送达。

套餐价格同样需要在 Shopify 里有明确的维护责任。官方 Bundles 的组件调价不会自动更新组合售价，因此“单买合计”和“本套价格”的比较，需要连同页面展示一起复核。主题可以负责展示这两个金额，但优惠依据和实际成交价必须对应当前商品设置；不能只做一个前端减法，让结账时又出现另一套价格。组合价格说明

到 Shopify 订单里，仍然能认出顾客买了什么

前面的两类商品，在 Shopify 订单中会有不同的处理依据：独立建立的原厂盒装商品，记录的是这一盒商品；Shopify 原生固定组合则保留组件与组合的关联。主题购物车抽屉也应按实际关系呈现，让顾客能区分“套餐已含的配件”与“另外付费买的一件”，而不是把所有物品显示成无法解释的同名数量。Shopify 组合生命周期

售后说明必须跟着这种 Shopify 订单结构走。原厂盒装作为普通商品销售，不会因为详情页列出了配件，就自动得到可逐件退款的组件行；单件退回或补发要另定商家流程。原生组合的退货与后续处理则需读取组件行、实际订单金额和分摊，再按商家政策执行；换货能力要单独核对，页面不能统一承诺“所有套装都能任意退换一件”。组合订单与售后关系

让客户验收时，可以在 Shopify 预览与测试订单中完整走一次：从单机切换到原厂套装，检查清单；额外购买配件，检查购物车；购买商家固定组合，检查组件、库存与后台订单。客户看到的就不再只是几张完成的页面，而是每个页面动作在 Shopify 里对应了什么商品、什么金额和什么处理结果。

WESWOO 在这类 Shopify 项目中的交付，也应沿着这条路径说明：版本卡怎样读取关联商品，包含物怎样由运营维护，配件怎样形成真实购买，固定组合怎样连接组件库存，订单怎样交给仓库。每一项都能在 Shopify 中演示和核对，客户才能判断页面设计与开发究竟解决了什么问题。

---

资料核对：2026 年 10 月 29 日。本文展示产品参考与 Shopify 实施方案，未引用品牌实时价格、库存或经营效果。