javascript - Shopify：单击按钮时如何将产品名称添加到输入字段表单？

Question

我有这个功能可以很好地使用输入字段来获取页面的 URL：

var url      = window.location.href;
$( document ).ready(function() {
$('#url').val(url);
});

我想让它获得产品名称，请谁能告诉我我该怎么做？请注意，我想将它与 Shopify 商店一起使用。

这是输入字段代码：

<input type="text" name="entry.123456789" id="url" value="" style="display: none;">

提前感谢大家的帮助！

标签： javascriptshopifyliquid

Answer 1

Shopify 在产品页面上提供了一个全局产品对象。如果您在某些产品页面上需要此表单，那么使用下面的代码应该可以正常工作。

<input type="text" name="product-title" value="{{product.title}}" style="display: none;">

如果您在其他页面上需要它，请获取单个产品对象（例如使用 all_products），然后使用 title 属性。

此外，从显示无，我了解到您只需要在提交表单时获取此数据，不需要用户输入。在这种情况下，建议使用隐藏字段。

<input type="hidden" name="product-title" value="{{product.title}}">

根据评论中的补充，如果您尝试在购物车页面上获取此内容，则可用对象被命名为购物车。您可以遍历购物车中的产品，然后获取标题。

{% for line_item in cart.items %}
    <input type="hidden" name="product-title-{{line_item.product_id}}" value="{{line_item.product.title}}">

    {{line_item.product.title}} - {{line_item.quantity}}

{% endfor %}

这将生成隐藏的输入字段。相应地更改输入名称。

输入类型隐藏

Shopify 产品对象