Shopify 超过 3 个产品选项

问题描述

我实际上是在尝试为我的产品实施超过 3 个选项。 我有一个产品是“4 包”,其中显然是 4 块石头。 我希望客户选择每颗宝石的颜色。例如,如果他想在此包中获得蓝色、红色、黄色和绿色的石头。目前只能添加 3 个选项,因此基本上在我的情况下缺少第 4 种颜色的选项。我研究了应用程序,但所有应用程序都需要获得报酬。所以我想在 product.liquid 中编码第 4 个选项,然后将它也插入到 cart.liquid 中。

如果有人能帮助我,我会很高兴。

最好的问候, 利亚姆

解决方法

Shopify 的产品只能有 3 个不同的选项维度,超过 3 个选项需要自定义代码。订阅大多数选项应用程序一年的费用大致相当于您期望为开发人员支付 1-2 小时的工作费用,因此如果您尝试解决的问题有任何复杂性,我会建议安装并至少试用一个包含免费演示的应用,看看它是否满足您的需求。

但是,如果您热衷于尝试进行自己的定制,您可能可以通过使用 line item properties 来实现您的需求。

订单项属性是您可以在产品添加到购物车时附加到产品的额外详细信息,以便进行额外的自定义。

订单项属性不能允许您调整价格或更改与所选值相关的任何库存数据 - 如果您需要更高级的功能,您可能需要一个应用程序或做一些更高级的开发工作。

要创建属性字段,只需在您的产品表单中添加一个名称为 properties[Some field name](例如 properties[Stone 1])的表单字段。由于表单字段的性质,每个字段必须有一个唯一的名称。

Shopify 有一个 tool tool that can help generate the HTML code for property inputs,但基本结构非常简单 - 您只需要一些具有适当值的适当字段(例如 select 元素)。例如:

<select name="properties[Stone 1]">
  <option value="Blue">Blue</option>
  <option value="Red">Red</option>
  <option value="Yellow">Yellow</option>
  <option value="Chartreuse">Green</option>
</select>

将产品添加到购物车后,表单中具有 properties[] 命名结构的所有字段都将填充出现在客户购物车中的结果项目的属性字段。您可以添加到项目的属性数量没有(实际)限制。

如果您需要比模板中的几个硬编码输入字段更大的灵活性,您当然可以考虑使用产品标签、元字段或其他一些查找,然后您可以在其中循环遍历值列表以生成你的 HTML。不过,如果您想尝试这种自定义,希望这能给您提供足够的起点。

祝你好运!

  • 附录 1:许多主题已经在购物车页面上有代码来显示订单项属性,但如果没有,您将需要更新您的购物车页面。上面的订单项属性参考给出了一个简单的例子来说明如何做到这一点:

     <ul>
       {% for property in line_item.properties %}
       <li>{{ property.first }}: {{ property.last }}</li>
       {% endfor %}
     </ul>
    
  • 注意:我看到的一些主题太花哨了,在使用 javascript 将项目添加到购物车时不会阅读整个表单 - 运行的代码仅查找 ID 和数量字段在形式中并忽略其余部分。如果您碰巧获得其中一个,则需要修复您的主题以使用正确的表单提交,但幸运的是,这些主题非常罕见。