Shopify:超过3种产品选项

时间:2014-12-05 19:28:58

标签: shopify

以下是我的情景:

我的大多数客户的产品都非常简单,但它们有一种复杂的产品。他们出售一个有4个空槽的化妆盒。每个槽都可以填充不同类型的填充物。

用户可以选择这些选项来填充契约中的每个插槽:

-

  • 填充类型:突出显示/填充颜色:亚麻布
  • 填充类型:突出显示/填充颜色:阳光照射
  • 填充类型:突出显示/填充颜色:小麦

-

  • 填充类型:轮廓/填充颜色:核桃
  • 填充类型:轮廓/填充颜色:石头
  • 填充类型:轮廓/填充颜色:阴影

-

  • 填充剂类型:腮红/填充颜色:粉红葡萄柚
  • 填充类型:腮红/填充颜色:Dahlia
  • 填充类型:腮红/填充颜色:红宝石

-

  • 填料类型:照明器/填料颜色:珍珠

-

从技术上讲,用户可以根据自己的需要填写。他们可以做到这一点:

  • Slot 1:Contour - Walnut
  • 插槽2:照明器 - 珍珠
  • 插槽3:腮红 - 红宝石
  • Slot 4:Contour - Stone

甚至:

  • Slot 1:Contour - Walnut
  • 插槽2:轮廓 - 核桃
  • 插槽3:轮廓 - 核桃
  • 插槽4:轮廓 - 核桃

我有办法做到这一点吗?我觉得我已经弄明白了,直到产品选项似乎有3个硬限制。

对此的任何帮助都会很棒。

提前谢谢!

2 个答案:

答案 0 :(得分:1)

如果我理解你想要实现的目标,那么Corey并不复杂。

我会使用订单项属性向用户提供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 %}

答案 1 :(得分:0)

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