一、了解Narrative主题的分区结构
Narrative主题采用Shopify标准的分区化设计，整个模板由多个可拖拽、可增删的分区（Section）组成。在Shopify后台的在线商店选项中点击自定义主题，即可进入主题编辑器。编辑器左侧会列出首页、收藏页、产品页、购物车页等各个页面模板，每个模板下都挂着对应的分区列表。
与Vintage旧版主题不同，Narrative属于Online Store 2.0架构，支持App block插入和更灵活的版块管理。这意味着你可以直接在编辑器中添加、删除、排序分区，也可以点击每个分区查看其具体设置项，比如标题文案、图片、商品数量、排列方式等。理解这一点非常重要，因为后续对收藏和购物车的自定义，基本都是围绕这些分区设置展开的。
需要提醒的是，Narrative默认的收藏页和购物车页样式相对简洁，如果你的品牌风格偏重图片氛围感，可以通过修改分区内的图片、颜色和字体设置来强化视觉效果，而不必另外购买付费主题。
二、自定义收藏页面的具体步骤
进入主题编辑器后，在顶部页面选择器中切换到收藏页（Collection pages），你会看到Collection pages和Collection banner等主要分区。Collection pages分区控制着商品列表的整体展示，包括每行显示的商品数量、图片比例、是否显示供应商名称等选项。Narrative默认每行展示两到三个商品，移动端则会自动调整为单列或双列。
具体操作上，点击Collection pages分区后，右侧面板会出现多个设置项。布局部分可以选择网格排列方式，商品图片宽高比可以设置为方形、肖像或横向，这直接影响页面的整体观感。如果你销售的是服装类商品，建议选择肖像比例，能更好地展示上身效果；如果是家居饰品，方形比例会让页面更整齐。
Collection banner分区用于设置收藏页顶部的横幅图，你可以上传与该收藏相关的氛围图，并填写收藏标题和描述文字。这个区域是营造品牌故事感的关键位置，Narrative主题的优势就在于此，建议每个收藏都配上精心挑选的横幅图。
另外，如果你想按不同收藏定制不同样式，可以利用Online Store 2.0的模板功能：在后台模板页面中新建一个收藏页模板，针对不同收藏分配不同模板，实现某些收藏用大图展示、某些用密集网格的差异化效果。
三、购物车设置：抽屉式与页面式的选择
Narrative主题的购物车提供两种展示形式：抽屉式购物车和页面式购物车。抽屉式是顾客点击加入购物车按钮后，从屏幕右侧滑出一个购物车面板，顾客无需离开当前页面就能看到已选商品，这种形式有利于减少购物流程中断，提升连带购买率。页面式则是跳转到独立的购物车页面，展示信息更完整，适合客单价高、需要顾客仔细核对订单的场景。
切换方式很简单：进入主题编辑器，在顶部切换到购物车页模板，找到主题设置中的购物车样式选项，在下拉菜单中选择抽屉式或页面式即可。如果选择抽屉式，还可以设置添加商品后是否自动打开抽屉面板，建议开启自动打开，能让顾客第一时间获得反馈，确认商品已成功加入。
四、购物车页面的细节优化
在购物车页模板中，Cart分区控制着购物车主体的展示内容。你可以设置是否显示运费说明、是否开启赠品备注栏、购物车页顶部和底部的提示文字等。运费提示是一个容易被忽视但很影响转化的设置，比如填写满299元包邮的说明，能有效刺激顾客凑单。
继续购物按钮也是Narrative购物车的重要元素。在Cart分区设置中找到对应选项，可以设置点击按钮后跳转到的页面，通常建议指向最畅销商品的收藏页，引导顾客回到浏览状态继续选购，而不是直接跳回首页。
此外，别忘了勾选显示商品缩略图和数量选择器，这些小细节能减少顾客的操作疑惑。如果你的店铺启用了折扣码，还可以在设置中开启折扣码输入框的显示，方便顾客在购物车内直接输入优惠码。
五、移动端适配与常见问题处理
Narrative对移动端的适配做得比较到位，但编辑时仍需注意检查。主题编辑器顶部的预览切换按钮可以在桌面端和移动端视图之间切换，建议每次修改完收藏页或购物车设置后，都切换到移动端视图确认一遍，重点检查商品图片是否被裁切、购物车抽屉在小屏幕上是否能完整展示商品信息。
常见问题方面，如果修改设置后前台没有变化，首先点击编辑器右上角的保存按钮确认已发布；其次清除浏览器缓存或用无痕模式查看。如果收藏页商品不显示，检查该收藏是否已包含商品、商品是否已设置为在线商店销售渠道可见。如果购物车抽屉无法弹出，可能是主题文件被自定义代码修改过，可以尝试重置Cart相关的分区设置，或联系Shopify官方支持获取帮助。
最后建议在正式上线前，用自己的测试账号完整走一遍加购到结算的流程，确认收藏页跳转、购物车展示、结算按钮都运作正常，这样才能确保真实顾客获得流畅的购物体验。
Shopify Narrative主题自定义收藏购物车设置 修改时间：2026-09-14 02:06:43