Shopify - 從特定系列中獲取產品清單

在shopify中，我創建了4個下拉菜單。Shopify - 從特定系列中獲取產品清單

下拉1 - 城市下拉2 - 的商店（如服裝，文具等）範疇下拉3 - 在特定的城市和特定的商店提供的商店下拉4 - 在特定的商店提供產品

我的要求是，在下拉菜單中選擇一個特定的商店（下拉3）時，應該列出該商店中的所有產品（我將使產品收集和收集名稱的一部分與商店名稱相同）。

我意識到我需要使用Ajax。我檢查了shopify提供的API，但不知何故我無法連接點。我無法使用它。你能否提供一個指針來解釋如何實現它。

請注意，我是網絡開發和shopify的新手。

EDITED *

我創建了一個叫做「collection.alternate」另一個模板。
將集合標記爲新模板。
在theme.liquid我用下面的代碼，以避免從得到顯示在iframe中

{％如果模板！=「collection.alternate」％} {％包括「標題欄的頁眉和頁腳'％} ..... {％endif％}
使用iframe加載collection.alternate。

但是，在iframe中，標題仍在顯示。當我分析iframe的Chrome開發人員工具中的「元素」時，我看到頭文件邏輯是爲collection.template生成的。如何阻止標題出現在iframe中。

來源

2015-12-15 Tushar Saurabh

你不需要AJAX實現此功能。

四個下拉列表中的每個值都應作爲標籤添加到產品中。然後，您可以使用簡單的JavaScript命令根據需要更改網址並顯示所需的產品。

對於離，讓我們說你有紐約的市，和CK作爲店。現在要顯示在紐約CK店的產品，所有上述產品都必須包含紐約和CK作爲標籤。最終的URL來顯示上述產品將是 - storename.myshopify.com/collections/all/new-york+ck

來源

2015-12-16 07:45:20 HymnZ

謝謝@亨利茲，整潔的把戲。我沒有意識到這一點。根據你的建議，選擇第4個下拉菜單後，我需要重定向並打開收集頁面。但是，我並不打開頁面，而是有興趣在下拉菜單下方的同一頁面上展示產品。 –

使用iframe。如果您不想這樣做，那麼如果產品數量太大，客戶端負載將過重。看看這個 - http://satterfield-pfeffer5655.myshopify.com/collections/all – HymnZ

發佈之前的評論，我記得iframe和我正在使用它。但是，iframe顯示頁眉和頁腳。我想看看我是否可以擺脫頁眉和頁腳。 –

要呼叫的產品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 %}

來源

2015-12-15 11:08:44

謝謝@Yatin，但是我的要求是在用戶選擇店名後獲取產品列表。我在哪裏把你提供的片段，我怎麼調用它... –

當你點擊商店名稱，它會打開一個新的頁面，並使用該頁面上面的代碼 –

下面是shopify本文描述如何篩選基於標記的產品的鏈接。

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

感謝@Hymnz指導我的文章。

來源

2015-12-24 14:49:15

Shopify - 從特定系列中獲取產品清單

回答

相關問題