在shopify中,我创建了4个下拉列表。
下拉1 - 城市 下拉2 - 商店类别(如服装,文具等) 下拉3 - 特定城市和特定商店的商店 下拉列表4 - 特定商店中可用的商品
我的要求是,当在下拉列表下方选择特定商店(下拉3)时,应列出该商店中的所有产品(我将使产品成为收集和收集名称与商店名称相同)。< / p>
我意识到我需要使用Ajax。我检查了shopify提供的API,但不知怎的,我无法连接点。我无法使用它。你能否提供一个指针,说明如何实现它。
请注意,我是网站开发和购物的新手。
EDITED *
在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中。
答案 0 :(得分:2)
您不需要AJAX来实现此功能。
四个下拉列表中的每个值都应作为标签添加到产品中。然后,您可以使用简单的JavaScript命令根据需要更改URL并显示所需的产品。
例如,让我们说你有纽约作为城市,而CK作为商店。现在要显示纽约CK商店的产品,所有产品必须包含纽约和CK作为标签。显示所述产品的最终网址为 - storename.myshopify.com/collections/all/new-york+ck
答案 1 :(得分:0)
要从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 %}
答案 2 :(得分:0)
以下是shopify文章的链接,该文章介绍了如何根据代码过滤产品。
感谢@Hymnz指导我阅读这篇文章。
答案 3 :(得分:0)
只需在集合数组索引中提及您的集合名称
{% for product in collections['collection-name'].products %}
{{product.name}}
{% endfor %}