【1分钟速览】商品列表页的设计，直接决定你的销售额
BASE（读作"bah-zeh"）是日本主流的一站式电商独立站平台，广泛应用于中小规模的日本电商卖家。如果你在BASE上经营网店，明明商品数量不断增加，购买转化率却迟迟不见提升，或者顾客总是很快离开——问题往往出在商品列表页的设计上。
本文将从4个维度，详解如何将BASE的商品列表页优化为"顾客能快速找到目标商品"的状态：版式布局设计（包括每行显示数量）、利用"分类管理App"进行商品分类、将畅销商品和新品置顶排序的实操方法，以及已售罄商品的合理处理方式。
本文不只是操作说明，更会从"为什么这样设计能直接提升销售额"的视角展开分析，帮助电商运营负责人和创业者立即付诸实践。
商品列表页，就是你店铺的货架陈列
在实体店中，货架高度、商品陈列顺序、POP广告牌的位置都会直接影响销售额。同样的逻辑，在电商网站的商品列表页上也完全适用。
顾客访问店铺时，首先看到的是首页或商品列表页。如果他们第一眼就感受到"想要的东西马上就能找到"，就会继续浏览；一旦感到"完全搞不清楚什么在哪里"，就会立刻点击返回按钮。
电商行业常说的"3秒法则"——访问后3秒内无法抓住用户注意力，跳出率就会急剧上升——同样适用于商品列表页。
BASE本身已是一个开箱即用的优质平台，但随着商品数量增加，"所有商品按上新时间顺序排列"的默认状态就无法满足顾客的需求了。如果你的目标是将年销售额做到数千万日元乃至亿元规模，商品列表页的设计就是一个必须正视的经营课题。
打造清晰易读的商品列表页：版式设计
每行显示数量（列数）的最优解
根据所使用的BASE设计主题，你可以在后台管理界面调整商品列表的列数。大多数主题在PC端提供2列、3列、4列的选择，在智能手机端则会自动响应式适配为1列或2列。
选择列数的关键，是与你的商品"展示方式"相匹配。饰品、杂货等需要让顾客看清细节的商品，适合2列展示。服装、运动用品等商品种类丰富、需要提升浏览效率的品类，则适合3至4列展示。
有一个细节容易被忽视：图片尺寸的统一。如果各商品的第一张图片尺寸不一，列表页上的显示高度就会参差不齐，造成视觉混乱。上传商品图片前，请务必将所有图片统一为相同的宽高比——这是维持列表页整体品质的基本功。
手机端显示不容忽视
BASE的购物行为大多发生在智能手机上。PC端设计得再漂亮，手机端一旦排版错乱，就等于白费功夫。部分主题允许你在移动端切换1列或2列显示，建议每次修改后都用实体手机或设备模拟器确认实际效果，养成这一习惯。
利用"分类管理App"进行商品分类设置
分类管理App是什么
BASE提供一套名为"BASE Apps"的扩展功能库，其中的"分类管理App"安装后，可为商品设置最多3级分类（大分类·中分类·小分类）。该App免费使用，商品数量越多，效果越显著。
设置流程概览如下：
- 打开BASE后台管理界面的Apps列表，安装"分类管理"
- 在分类设置页面点击"＋添加大分类"，输入分类名称
- 点击大分类旁边的"＋"，添加中分类和小分类
- 在商品管理界面的各商品详情页中，勾选要关联的分类并保存
分类设置完成后，店铺页面会自动显示分类列表，并生成各分类的商品列表页。分类的显示位置和样式因所使用的主题而异，设置完成后请务必在实际的店铺页面确认效果。
从顾客视角出发设计分类
分类设计最重要的原则是：以"顾客的搜索方式"为基准，而非"运营者的分类习惯"。
以饰品店为例，基础结构应按商品种类划分：耳环、项链、手链。在此基础上，叠加价格区间（"3,000日元以内"、"3,001至5,000日元"等）或使用场景（"送礼"、"日常佩戴"）的维度，能大幅提升有明确目的的顾客的便利性。
对于服装类目，可以采用"女装→外套→大衣"三级层级结构，让商品数量庞大的店铺也能保持清晰易导航。
分类名称应简洁直观。大量使用"其他"分类会降低顾客的页面浏览深度。另外，一件商品可以同时归属多个分类，因此可以创建"新品"分类，在商品上新后的一段时间内为其打上标签——这是一种实用的持续运营技巧。
将畅销商品和新品置顶排序的实操方法
BASE的基本排序功能
在BASE后台管理界面（商品管理）中，可以通过拖拽操作调整商品顺序，也可以直接点击排序数字、输入数值来将商品移动到指定位置。点击商品列表中的"顺序"数字后，会显示数值输入框，可直接指定该商品在全部商品中排在第几位。
利用这一功能，实操中推荐按照以下优先级进行排序：
- 第1至数位：重点推广的新品、季节性商品、专题商品
- 中间位置：定番畅销商品
- 靠后位置：库存即将告罄或库存偏低的商品
定期重新定义"畅销商品"
将畅销商品置顶是合理的策略，但"畅销商品"的定义需要定期重新审视。去年的畅销款不一定今年同样适用，季节变化、趋势更迭和新品上线都会影响销售排名。建议建立每月查看数据、更新排序的运营流程。
BASE还提供"特卖App"，可展示折扣率和折后价格，形成直观的购买引导。将特卖商品置顶，既能吸引访客目光，也能同步促进库存消化。
已售罄商品（SOLD OUT）的合理处理方式
SOLD OUT的显示机制
在BASE中，当商品库存数量降为"0（零）"时，商品列表页和商品详情页会自动显示"SOLD OUT"标识。对于有多种规格（尺码、颜色等）的商品，当所有规格的库存均归零时，才会显示SOLD OUT。
已售罄商品对顾客体验的影响往往超出预期——如果SOLD OUT商品排在列表靠前的位置，会打击访客的购买欲望，并拉低整个店铺的整体印象。
将已售罄商品手动移至列表末尾
目前BASE没有提供将已售罄商品自动移至列表末尾的标准功能，需要手动处理。最有效的方式是将"已售罄商品后移"作为固定的每周运营任务。商品数量较多时，可以将每周一定为固定执行日，避免遗漏。
对于确定不再补货的商品，建议将其设置为"非公开"，从列表中下架。不过，也有另一种值得考量的策略：对于人气商品，保留SOLD OUT显示有时能传递"这家店的商品真的在卖"的信任感，结合"到货通知功能"使用，还能用于收集潜在买家的邮箱地址。请根据库存情况、补货计划和品牌定位，逐一判断每件商品的处理方式。
通过CSS自定义SOLD OUT的显示样式
部分BASE主题支持通过CSS自定义SOLD OUT标签或价格删除线的显示样式。但需注意，某些修改可能违反BASE的店铺显示规范，编辑HTML或CSS时请务必谨慎操作，并自行承担相应风险。
真实店铺的优化案例
在实际运营中，通过分类管理和商品列表优化直接提升销售额的案例已有多处记录。
一家在BASE上经营的手工饰品店，在商品数量超过100件时引入了"分类管理App"，按材质、价格区间和使用场景三个维度整理分类，随后观察到访客的页面浏览深度明显改善，购买转化率也有所提升。多个BASE用户社群中都有类似的反馈分享。
一家销售运动用品的BASE店铺，则建立了每周一将已售罄商品移至列表末尾的固定规则，持续保持列表页的新鲜感，并赢得了顾客"想要的东西马上就能找到"的正面评价。
这些案例的共同点是：以顾客视角进行设计，并坚持持续优化。商品列表的设置不是一劳永逸的工作，而是要随着商品数量的增加、季节变化和销售数据，定期更新——这才是实现长期销售增长的关键。
常见问题
Q1. 安装分类管理App后，现有商品的显示会受到影响吗？
仅安装该App，不会直接影响现有商品的显示。只有在完成分类设置、并将商品与分类关联后，店铺页面才会显示分类列表和各分类的商品列表页。需要注意的是，分类的显示位置因所使用的设计主题而异，部分旧版主题可能不支持分类管理App。安装App后，请务必在预览界面确认店铺外观，再推进正式的公开设置。
Q2. 商品数量较多时，有没有减少排序操作工作量的方法？
商品数量多时，利用数值输入字段直接指定位置，比拖拽操作效率高得多。此外，从商品上架阶段就有意识地规划"归属哪个分类、排在第几位"，可以最大程度减少后续的调整工作。相比定期批量排序，更推荐在新品上架时和库存售罄时即时处理——这样能更稳定地维持列表页的质量。
Q3. 已售罄的商品应该设为非公开，还是继续显示？
这取决于你的店铺策略。对于确定不再补货的商品，设为非公开可以保持列表的整洁，提升访客的浏览体验（用户界面/用户体验，即UI/UX）。另一方面，人气商品的SOLD OUT显示能够强化店铺的可信度，结合到货通知功能使用，还能作为收集潜在顾客邮箱的手段。建议综合考量库存状况、补货预期和品牌方向，逐一为每件商品制定处理方案。
总结：商品列表页的优化，是提升整体店铺表现的关键杠杆
在BASE上提升销售额需要关注的事项有很多，但商品列表页的优化是其中"可以立即行动、且见效相对明显"的举措之一。将本文介绍的4个要点——版式设计、分类管理App的运用、排序实操、已售罄商品管理——结合落地，就能打造出顾客无需费力便能找到目标商品的高效店铺。
商品列表页整备完善后，顾客的页面浏览深度会提升，加入购物车的比率和购买完成率也有望随之改善。设置所需的工作量并不大。建议从两件事开始：安装"分类管理App"，以及根据过去一个月的销售数据重新梳理一次排序。
Leap的服务介绍
对于有意拓展海外销售和跨境电商的电商运营者：商品列表页的设计逻辑不仅适用于国内电商，在搭建面向海外市场的网站时同样不可或缺——而一旦涉及多语言设计和本地化，复杂度会进一步提升。
Leap专注于为有志拓展海外市场的中小企业提供多语言网站和电商网站的搭建支持，核心优势在于本地化而非单纯翻译——根据各目标市场用户的实际浏览和购买习惯，设计真正契合当地受众的页面。
我们持续输出跨境电商和海外业务的实用参考内容，欢迎访问。
