如何在 Shopify 主题中添加“查看全部产品”按钮（2025 指南）

根据你使用的 Shopify 主题不同，你可能会发现很难在集合页面添加“查看全部产品”按钮。添加这个按钮可以让顾客以不特定顺序查看该集合中的所有产品，从而改善导航体验并提升产品曝光度。

下面是一种将该按钮添加到 Minimal 等主题的简单方法。虽然不同主题的实现会有所差异，但思路通常相近。随着 2025 年 Shopify 增强版代码编辑器与 Online Store 2.0 框架的普及，自定义流程比以往更高效、更顺畅。

如何添加“查看全部产品”按钮

以下方法演示如何在 Featured Collection（精选集合）版块底部添加按钮。当然，你也可以按需将其调整到店铺的其他页面。在进行任何代码修改之前，请务必先复制主题以创建备份：

进入编辑代码：
- 前往你的 Shopify 管理后台。
- 依次选择 Online Store > Themes > Actions > Edit Code。
- 注意：Shopify 在 2025 年推出的新代码编辑器提供了更强的搜索功能、LiquidDoc 支持以及深色模式选项，让编辑更轻松。
选择 Sections：
- 打开 Sections 文件夹，找到 feature-collection.liquid（或你主题中对应的版块文件）。
- 较新的 Online Store 2.0 主题文件结构可能不同，如有需要请查看主题文档。

定位代码：

找到你希望插入按钮的位置对应的 </div> 标签（通常在该版块接近末尾处）。
在这些标签之间插入以下代码：

{% if section.settings.show_view_all_button %}
          <div class="text-center">
          <a href="/collections/all" class="btn">View All Products</a>
          </div>
{% endif %}

更新设置 Schema：
- 滚动到该版块文件底部，找到 schema settings（设置项）。
- 找到类似 "label": "Center text below product images" 的设置项或相近内容。
- 在结束的大括号（}）前加一个逗号，然后插入以下代码：
```
{
        "type": "checkbox",
        "id": "show_view_all_button",
        "label": "显示“查看全部”按钮"
      }
```
- 提示：建议用注释记录你的改动，方便后续识别自定义代码。在 Liquid 中可使用 {% comment %} your note {% endcomment %}。
保存并自定义：
- 点击 Save（或在 Mac 上使用 Cmd + S，在 Windows 上使用 Ctrl + S）。
- 在主题编辑器中进入 Customize。
- 在 Sections 区域选择 Featured Collection，勾选显示“查看全部产品”按钮的选项。
- 你也可以通过将 "View All Products" 改为你想要的文案来自定义按钮文字，例如 "Shop All" 或 "Browse Collection"

{% if section.settings.show_view_all_button %}
          <div class="text-center">
          <a href="/collections/all" class="btn">Shop All</a>
          </div>
    {% endif %}

2025 年最佳实践

始终创建备份：
- 在进行任何代码修改前先复制主题，确保需要时可以回退。
使用 Shopify 增强版代码编辑器：
- 充分利用新代码编辑器功能，包括 Theme Check linter，它能帮助你捕捉错误并遵循最佳实践。
逐步测试改动：
- 一次只做一个小改动，并在继续之前进行测试，避免影响店铺正常运行。
优先考虑使用主题编辑器：
- 对于简单的自定义，Shopify 的可视化主题编辑器可以让你无需写代码就完成调整。
保持主题轻量：
- 避免加入不必要的代码，确保加载速度保持快速。

添加“查看全部产品”按钮的原因/好处

导航更清晰：
- 为顾客提供一个直接查看集合内全部产品的方式，提升购物体验。
提升产品曝光：
- 确保集合内所有产品都更容易被访问到，通过让顾客看到更多商品来提升潜在销量。
更方便用户：
- 减少顾客浏览产品所需的点击次数，让购物流程更顺畅、更愉快。
增强主题可定制性：
- 添加该按钮能让主题拥有更高的可定制空间，使店铺更易用也更美观。
更好展示库存：
- 对库存量大的店铺尤其有用，帮助顾客快速浏览大量产品列表。
提升转化率：
- 更好的导航与产品可见性有助于提高转化率；研究显示，优化店铺自定义往往能显著提升转化表现。

结论

在 Shopify 集合页面添加“查看全部产品”按钮，可以显著改善顾客导航并提升整体购物体验。虽然具体步骤会因主题而略有不同，但核心原则是一致的。

借助 2025 年 Shopify 增强版代码编辑器与 Online Store 2.0 框架，这类自定义变得更易上手。这个改动不仅提升可用性，也能增加集合内所有产品的可见度，从而有机会带动销量增长。按照上述步骤操作，并遵循创建备份、逐步测试等最佳实践，你就能轻松实现该功能，为顾客提供更顺畅的浏览体验。

如果你不太习惯直接编辑代码，可以考虑使用 Shopify 的主题编辑器，或聘请 Shopify Partner 协助完成自定义。