Shopify:超过3个产品选项
问题描述:
这里是我的场景:Shopify:超过3个产品选项
我的大部分客户产品都非常简单,但他们有一种很复杂。他们出售了一个有4个空插槽的化妆盒。每个插槽可以填充不同类型的填充物。
用户有这些可供选择的方案,填补了紧凑的每个插槽:
-
- 填充类型:高/填充颜色:亚麻
- 填充类型:高/填充颜色:阳光照射
- 填充类型:高/填充颜色:小麦
-
- 填充类型:轮廓/填充颜色:核桃
- 填充类型:轮廓/填充颜色:石
- 填充类型:轮廓/填充颜色:暗影
-
- 填料类型:腮红/填料颜色:粉红葡萄柚
- 填料类型:腮红/填充颜色:大丽花
- 填充类型:腮红/填充颜色:宝石
-
- 填充类型:照明/填充颜色:珍珠
-
所以技术上用户可以填写它想要的。他们可以这样做:
- 插槽1:轮廓 - 核桃
- 插槽2:照明 - 珍珠
- 插槽3:腮红 - 红宝石
- 插槽4:轮廓 - 斯通
甚至:
- 插槽1:轮廓 - 核桃
- 插槽2:轮廓 - 核桃
- 插槽3:轮廓 - 核桃
- 插槽4:轮廓 - 核桃
有我的方式做到这一点?我觉得我已经想通了,直到似乎对产品选项有3硬限制。
任何帮助,这将是惊人的。
预先感谢您!
答
科里它不是那么复杂,如果我正确理解你想达到什么。
我会使用订单项属性为用户提供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 %}
订单项属性只有在第四个选项与变体价格无关时才有效。 – Sark 2014-12-06 19:12:45
@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