2014-12-05 203 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