你按需选购的组件可能搁在商品列表下方，需要它的买家压根翻不到那里

有人点击你的广告，可能是因为6月以来皮肤一直发紧脱皮，可能是因为蛋白粉烧胃，也可能是因为每次深蹲瑜伽裤都卷边。广告讲的就是这些痛点。但他们落地的页面却只堆着产品：一个标题、一个数量，接着是一块接一块他们从未听过的商品图。在这个页面上，买家要么找到符合自己诉求的文字，要么开始把自己的痛点翻译成你的产品名。

我们暂且称之为按需选购组件（shop-by-problem block）：它可以是一个测验、一组功效链接、一排按系列命名的卡片，总之能让买家在看商品前先说出自己遇到了什么问题。在你的主题里，它可能是一个区块、一个菜单链接或一个应用，具体形态决定了你怎么调整它的位置。我们测了四个系列页面——OSEA Malibu、Tula、Naked Nutrition 和 Alphalete，包含两个美妆、一个膳食补充剂和一个健身品牌，每个品牌都做了一个这样的组件。其中两个品牌放在了商品列表上方，而这两个里的其中一个，标签字数多到超出了手机屏幕：Tula 的吸顶横条显示着 SHOP ALL、BEST SELLERS、SAVE ON SETS，第四个则被截成了 SKIN QU。

如果你的按需选购组件放在商品列表下方，带痛点而来却不知道具体产品名的买家只有三种选择：逐个看商品图并自行翻译、点击 Filter 并祈祷你的分类词能对上，或者退回他们看到广告的地方。这绝非预测，而是现实发生的行为路径。

排在第一张商品图上方

Alphalete 的女士瑜伽裤页面开头并非商品列表，而是按需选购组件。在 WOMEN'S 和 LEGGINGS 下方，排列着六个命名系列——Pump、Amplify、Contour、Revive、Aura、Tenacity。每张卡片在链接上方都有两行带标签的说明：Designed for: Glute focused training, leg days, and sculpting workouts（设计用途：臀部专项训练、腿部训练日和塑形训练），接着是 Feels like: Supportive, high-compression sculpt with flexible stretch（体感：高包裹支撑塑形，兼具弹性拉伸）。在2026年8月18日测试的页面上，商品列表上方只有这几行字是用买家能听懂的语言写的。想找练腿日装备的人，不必提前搞懂 Pump 是什么意思。

Alphalete：按需选购组件紧跟在页面标题下方，六张卡片中的两张半直接占满首屏，没有任何商品图。

当你的产品差异在于使用场景而非成分时——比如训练方式、护肤步骤、肌肤状态——不妨参考这种做法。这六张卡片横向排列，滑动可见。在手机上能看到两张半，其余四张需要划动：你可以根据手机屏宽设置展示数量，把剩下的收在链接后。卡片下方，刚加载出来的页面上，Filters 和 Featured 按钮以及 Showing 50 of 183 products 这行字颜色很浅，看起来像留白；只有滑动页面后，它们才会变成实色。你可以打开自己的页面，手指先别动，看看这些控制按钮是不是在页面发生移动前就已经出现了。

放在筛选栏里，用商家自己的话表述

Naked Nutrition 把筛选控制项放在了首屏，但排在一长串元素末尾：应用安装弹窗、公告轮播图、页头、面包屑导航、PRODUCTS 字样，然后才是两个控制按钮 Filter 和 Sort。点击 Filter 只能展开两组选项：Flavors（28个值）和 Size（12个值）。筛选组里塞满了商品自带的所有属性，这就导致 Flavors 下的28个值里，有8个其实是规格或产品名，根本不是口味。建议像买家一样去审视你自己的筛选项，剔除与标题不符的值，并加上客服咨询里高频出现的筛选项。对于蛋白粉目录来说，那就是饮食习惯或健身目标，但这里一个都没有。

对于已经选定品类、正在挑选同类商品不同规格的买家来说，这行筛选栏挺合适。想买巧克力味分离乳清蛋白粉、需要5磅装的人，关注的就是口味和规格。但对于喝乳制品就拉肚子的人来说，这不是他们关心的问题。这家店其实为这类买家准备了解决方案——在 Start Quiz 按钮上方写着 WHICH PRODUCTS ARE RIGHT FOR YOU?，但它排在商品列表所有图块的下方，整整隔了九屏手机页面。

这行筛选栏本应在滚动时保持吸顶，实际上却没有。往下滑半屏多，它就会滑到网站页头下方被遮挡。点击原本该是筛选栏的位置，反而会触发页头。你可以在自己的页面上试试：如果吸顶栏藏在了页头底下，请在页头下方给它留出独立空间，或者干脆让它随页面滑走，别假装在跟随。

藏在侧边栏深处，需要点两次

Tula 在每个页面都保留了那个吸顶横条。横条下方、商品列表上方，放着五张图文卡片——Bestsellers、Moisturizers、Treatments & Serums、Eye Care、Sunscreen——每次展示两张，点击会跳转到其他系列而非筛选当前页面。页面显示 89 Results，提供 Filter 和 Sort 按钮。点击 Filter 会展开三行：In stock only (86) 开关、Price，以及包含十四个选项的 Product type，其中最大的选项是 Bundles & Sets (28)。这些筛选项里，没有一个在询问买家的皮肤状况。

按需选购组件在这里确实存在。侧边菜单里的 SKIN SOLUTIONS 打开后包含四个链接：Acne & Oil Control、Ageless Skin、Dryness & Barrier Boost、Dullness & Uneven Tone。从系列页面出发需要点击两次，位置在老顾客习惯找导航的地方——放完整分类树很合适，但对从广告进来的新客来说就放错位置了。在自家店铺上不必新建什么：这四个链接本就存在，它们应该放在第一张商品图上方的横条里，并使用能在手机屏上完整显示的简短标签。

关于那行筛选栏还有一点，抄起来毫无成本。四家店铺中有两家会告诉买家当前列表的排序方式：Alphalete 的按钮直接显示当前设置 Featured，Tula 则在排序弹窗里给 Featured 打勾。如果你自家的按钮只写着 Sort，不妨改写成当前的排序规则。

沉在列表下方，以及纯列表的适用场景

OSEA Malibu 标明有 114 products，按字母顺序排列，全页没有任何筛选或排序选项。这可以理解为刻意为之，因为它确实有可行之处。按字母排序把润唇油钥匙扣排在第二，把关于迷走神经的书排在第三，都压在了正装面霜的前面；同时还会把完全相同的名称并排摆放：第七和第八个图块都写着 Anti-Aging Body Balm，第二个既没有价格也没有购买按钮。如果你自家商品列表里有两个图块同名，试用装或旅行装就必须把字样直接写进标题里，方便买家识别。

*OSEA Malibu：按字母排序把一本书排在了面霜前面，而 Advanced Protection Cream 后面的图块是它的0.25盎司规格，标注为 Out of Stock 且没有按钮。*

按需选购组件在这里同样存在。Questions? Take our Quiz. 和 Get a Custom Routine with Clean Essentials 放在了整整八屏手机页面之后，位于整个商品列表和翻页控件下方。划过每一个图块的买家才能看到它。冲着具体产品名来的买家根本不需要它。而那些带着皮肤发紧脱皮的诉求进来、却不知道产品名的买家，压根翻不到这么深。

*OSEA Malibu：滑动八屏后，在按需选购组件上方出现的最后一个元素是 Trending 轮播图，带有箭头和四个指示点。*

简单的字母顺序列表依然有其用武之地：这是你能提供的最轻量页面，能让冲着特定产品来的买家无障碍直达。但这需要满足三个前提：买家是带着产品名而非症状来的，这在复购率高的品牌中很常见；图块上的名称是买家口头会说的词汇；没有任何两个图块重名。一旦打破最后一个前提，列表就会变成一堆难以区分的名称，而解决问题的文案通常现成就有：OSEA 自己的菜单里就写着 Anti-Aging、Hydration & Glow 和 Sensitive，每个都指向不同的系列页面。

根据商品类目形态，确定组件摆放位置

黄金法则

除非你的买家都是带着具体产品名而非痛点症状来的，否则请把按需选购组件放在第一张商品图上方——因为第一张商品图下方的一切，只有那些已经划过了一堆看不太懂的产品名、却还没离开的买家才能看到。

今天就动手优化

用手机打开你自己的系列页面，先不要划动屏幕。写下从页面顶部到第一张商品图之间都有什么。然后开始下滑并计算屏数，直到看到你的按需选购组件。如果计屏数不为零，你需要做的只是移动位置而非重新开发：把这个组件挪到第一张商品图上方，并将它的标签从控制项名称改成痛点诉求。

参考来源

• OSEA Malibu — https://oseamalibu.com/collections/all
• Alphalete — https://alphaleteathletics.com/collections/womens-leggings
• Naked Nutrition — https://nakednutrition.com/collections/all
• Tula — https://tula.com/collections/all