Shopify 超过 3 个产品选项

Shopify more then 3 Product options

我实际上正在尝试为我的产品实施 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 和数量字段,忽略其余部分。如果您碰巧得到其中一个,则需要修复您的主题以使用正确的表单提交,但值得庆幸的是,这些主题非常罕见。