2014-12-05 78 views
1

這裏是我的場景:Shopify:超過3個產品選項

我的大部分客戶產品都非常簡單,但他們有一種很複雜。他們出售了一個有4個空插槽的化妝盒。每個插槽可以填充不同類型的填充物。

用戶有這些可供選擇的方案,填補了緊湊的每個插槽:

-

  • 填充類型:高/填充顏色:亞麻
  • 填充類型:高/填充顏色:陽光照射
  • 填充類型:高/填充顏色:小麥

-

  • 填充類型:輪廓/填充顏色:核桃
  • 填充類型:輪廓/填充顏色:石
  • 填充類型:輪廓/填充顏色:暗影

-

  • 填料類型:腮紅/填料顏色:粉紅葡萄柚
  • 填料類型:腮紅/填充顏​​色:大麗花
  • 填充類型:腮紅/填充顏色:寶石

-

  • 填充類型:照明/填充顏色:珍珠

-

所以技術上用戶可以填寫它想要的。他們可以這樣做:

  • 插槽1:輪廓 - 核桃
  • 插槽2:照明 - 珍珠
  • 插槽3:腮紅 - 紅寶石
  • 插槽4:輪廓 - 斯通

甚至:

  • 插槽1:輪廓 - 核桃
  • 插槽2:輪廓 - 核桃
  • 插槽3:輪廓 - 核桃
  • 插槽4:輪廓 - 核桃

有我的方式做到這一點?我覺得我已經想通了,直到似乎對產品選項有3硬限制。

任何幫助,這將是驚人的。

預先感謝您!

回答

1

科裏它不是那麼複雜,如果我正確理解你想達到什麼。

我會使用訂單項屬性爲用戶提供4個下拉選擇,以便它可以在購物車中和後端訂單中顯示選擇。確保你閱讀了關於Line Item Properties,這樣你就可以明白它是如何工作的。但在這裏我想代碼應該看起來像你的product.liquid頁:

<label>Select slot 1</label> 
<select id="slot1" name="properties[Slot1]"> 
<option value="Highlight/Filler Color: Linen" >Highlight/Filler Color: Linen</option> 
<option value="Highlight/Filler Color: Sunlit" >Highlight/Filler Color: Sunlit</option> 
<option value="Filler Type: Highlight/Filler Color: Wheat" >Filler Type: Highlight/Filler Color: Wheat</option> 
<option value="Contour/Filler Color: Walnut" >Contour/Filler Color: Walnut</option> 
... *add the rest of your options, total 10 
</select> 
<label>Select slot 2</label> 
    <select id="slot2" name="properties[Slot2]"> 
    <option value="Highlight/Filler Color: Linen" >Highlight/Filler Color: Linen</option> 
    <option value="Highlight/Filler Color: Sunlit" >Highlight/Filler Color: Sunlit</option> 
    <option value="Filler Type: Highlight/Filler Color: Wheat" >Filler Type: Highlight/Filler Color: Wheat</option> 
    <option value="Contour/Filler Color: Walnut" >Contour/Filler Color: Walnut</option> 
    ... *add the rest of your options, total 10 
    </select> 
    ... *add the 2 other dropdown selections 

請確保您還添加此代碼(它是在訂單項屬性解釋)添加到您cart.liquid頁:

{% for p in item.properties %} 
    {% unless p.last == blank %} 
    {{ p.first }}: 
    {% if p.last contains '/uploads/' %} 
    <a class="lightbox" href="{{ p.last }}">{{ p.last | split: '/' | last }}</a> 
    {% else %} 
    {{ p.last }} 
    {% endif %} 
    <br /> 
    {% endunless %} 
{% endfor %} 
0

看看Line Item Properties。有多少你可以有沒有限制。本教程使用文本字段,但其他表單字段也可以正常工作。

+0

訂單項屬性只有在第四個選項與變體價格無關時纔有效。 – Sark 2014-12-06 19:12:45

+0

@mycholan真的。儘管如果大多數選項的價格相同,您仍然可以使用訂單項屬性。當按下「添加到購物車」按鈕時,根據所選選項將正確的變體添加到購物車。請參閱[Shopify論壇上的此主題](https://ecommerce.shopify.com/c/ecommerce-design/t/adding-more-options-and-variants-42404#comment-42410)。在這種情況下,爲每個組合創建變體的選項過多,但如果大多數選項的價格相同(例如,只有1或2個更昂貴),則可以爲每個可能的價格組合創建變體。 – 2014-12-07 20:24:48