Shopify-从特定收藏中获取产品列表

在shopify中，我创建了4个下拉列表

下拉列表1-城市 下拉列表2-商店类别（如服装、文具等） 下拉列表3-特定城市和特定商店中的可用商店 下拉列表4-特定商店提供的商品

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

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

请注意，我对网络开发和shopify还不熟悉

已编辑*

我创建了另一个名为“collection.alternate”的模板

将集合标记为新模板

在theme.liquid中，我使用了以下代码，以避免在iframe中显示页眉和页脚

{%if模板！='集合。备用“%” {%include'标题栏“%” ..... {%endif%}

使用iframe加载collection.alternate

---

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

要从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 %}

{%for collections.shop_name.products limit:4%}/*********shop_name is collections name limit用于显示产品数量******/

{%endfor%}

此功能不需要AJAX

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

---

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

以下是shopify文章的链接，该文章介绍了如何根据标签筛选产品

---

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

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

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

---

谢谢@Yatin，不过我的要求是在用户选择店铺名称后获得产品列表。我应该把你提供的代码片段放在哪里，以及如何调用它……当你点击商店名称时，它将打开一个新页面，并在该页面中使用上述代码谢谢@Hymnz，整洁的技巧。我没有意识到这一点。根据您的建议，选择第四个下拉列表后，我需要重定向并打开收藏页面。但是，我不想打开一个页面，而是想在下拉列表下面的同一页面上显示产品。如果您不想这样做，那么如果产品数量太大，客户端负载将太重。看看这个——在发布了之前的评论之后，我想起了iframe，我正在使用它。但是，iframe显示了页眉和页脚。我想看看是否可以去掉页眉和页脚。在你发布的shopify商店链接中添加一个不带页眉/页脚的不同布局选项，有两个下拉列表，按类别和按品牌购物。我实现了同样的功能，但是当我选择第二个下拉列表时，第一个下拉列表被重置。如何禁用该行为。