Shopify - 从特定集合中获取产品列表答案

【问题标题】：Shopify - Get list of product from a specific collectionShopify - 从特定集合中获取产品列表
【发布时间】：2015-12-15 08:24:58
【问题描述】：

在 shopify 中，我正在创建 4 个下拉菜单。

下拉菜单 1 - 城市下拉菜单 2 - 商店类别（例如服装、文具等）下拉菜单 3 - 特定城市和特定商店中可用的商店下拉菜单 4 - 特定商店中可用的物品

我的要求是，当在下拉列表下方选择特定商店（下拉菜单 3）时，应列出该商店中的所有产品（我将产品作为集合的一部分，集合名称将与商店名称相同）。

我意识到我需要使用 Ajax。我检查了 shopify 提供的 API，但不知何故我无法连接点。我无法使用它。您能否提供一个指针，说明如何实现它。

请注意，我是 web 开发和 shopify 的新手。

已编辑*

我创建了另一个名为“collection.alternate”的模板。
将集合标记到新模板。
在 theme.liquid 中，我使用了以下代码，以避免页眉和页脚显示在 iframe 中

{% if template != 'collection.alternate' %} {% 包括“标题栏”%} ...... {% endif %}
使用 iframe 加载 collection.alternate。

但是在 iframe 中，标题仍然显示。当我在 iframe 的 Chrome 开发人员工具中分析“元素”时，我看到为 collection.template 生成了标头逻辑。如何阻止标头出现在 iframe 中。

【问题讨论】：

标签： shopify

【解决方案1】：

此功能不需要 AJAX。

四个下拉列表中的每个值都应作为标签添加到产品中。然后您可以使用简单的 JavaScript 命令根据需要更改 url 并显示所需的产品。

例如，假设您将纽约作为城市，将 CK 作为商店。现在要展示纽约CK专卖店的商品，所有的商品都必须包含New York和CK作为标签。显示上述产品的最终 URL 将是 - storename.myshopify.com/collections/all/new-york+ck

【讨论】：

感谢@Hymnz，巧妙的把戏。我没有意识到这一点。根据您的建议，选择第 4 个下拉菜单后，我需要重定向并打开收藏页面。但是，我没有打开页面，而是有兴趣在下拉列表下方的同一页面上显示产品。
使用 iframe。如果您不想这样做，那么如果产品数量太大，客户端的负载就会太重。看看这个 - satterfield-pfeffer5655.myshopify.com/collections/all
在发表之前的评论后，我想起了 iframe，我正在使用它。但是 iframe 显示页眉和页脚。我想看看我是否可以摆脱页眉和页脚。
添加不带页眉/页脚的不同布局选项
在您发布的 shopify 商店链接中，有两个下拉菜单，按类别购物和按品牌购物。我实现了同样的方法，但是当我选择第二个下拉菜单时，第一个正在重置。如何禁用该行为。

【解决方案2】：

要从 shopify collects 中调用产品，您可以简单地使用这个循环：

{% for product in collections.shop_name.products limit: 4 %}     /*********** shop_name is collections name limit is used to show no. of products ******/
       <li><a href="{{ product.url}}"><img src="{{ product.featured_image | product_img_url: 'medium' }}" alt=""></a></li>
 {% endfor %}

【讨论】：

感谢@Yatin，但我的要求是在用户选择商店名称后获取产品列表。我将您提供的 sn-p 放在哪里以及如何调用它...
当您点击商店名称时，它将打开一个新页面并在该页面中使用上述代码

【解决方案3】：

以下是 shopify 文章的链接，该文章描述了如何根据标签过滤产品。

https://docs.shopify.com/support/your-store/collections/filtering-a-collection-with-multiple-tag-drop-down

感谢 @Hymnz 引导我阅读这篇文章。

【讨论】：

【解决方案4】：

只需在集合数组索引中提及您的集合名称

{% for product in collections['collection-name'].products %}
{{product.name}}
{% endfor %}

【讨论】：