Question

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

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

我的要求是，当在下拉列表下方选择特定商店（下拉3）时，应列出该商店中的所有产品（我将使产品成为收集和收集名称与商店名称相同）。< / p>

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

请注意，我是网站开发和购物的新手。

EDITED *

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

{％if template！=＆＃39; collection.alternate＆＃39; ％} {％include＆＃39; header-bar＆＃39; ％} ..... {％endif％}
使用iframe加载collection.alternate。

然而，在iframe中，Header仍在显示。当我分析＆＃34;元素＆＃34;在用于iframe的Chrome开发人员工具中，我看到为collection.template生成了标头逻辑。如何阻止标题出现在iframe中。

Answer 1

您不需要AJAX来实现此功能。

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

例如，让我们说你有纽约作为城市，而CK作为商店。现在要显示纽约CK商店的产品，所有产品必须包含纽约和CK作为标签。显示所述产品的最终网址为 - storename.myshopify.com/collections/all/new-york+ck

Answer 2

要从shopify收集产品，您只需使用此循环：

{% 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 %}

Answer 3

以下是shopify文章的链接，该文章介绍了如何根据代码过滤产品。

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

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

Answer 4

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

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

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

4 个答案: