Question

我创建了一个需要自定义字段的产品。我完成了教程，让他们在产品页面上工作。

产品页面上的工作字段

特色产品

上没有工作字段

所以有两个会话。 Product-customizable-template（这是此代码所在的）。当我创建产品时，我必须选择要使用的模板。

用于主页的功能是一项功能。功能product.liquid。它显然不会导入在产品模板上创建的任何设置。

 <form action="/cart/add" method="post" enctype="multipart/form-data" class="product-form product-form-{{ section.id }}{% unless section.settings.show_variant_labels %} product-form--hide-variant-labels{% endunless %}" data-section="{{ section.id }}">
        {% comment %}
        Custom Information
        {% endcomment %}
        <div>
            <div class="row">
              <div class="four columns alpha">
                <label for="groom_name">Groom's First Name</label>
                <input required type="text" id="groom_name" name="properties[groom_name]" placeholder="Groom">
              </div> 
              <div>
                <label for="four_name">Bride's First Name</label>
                <input required type="text" id="bride_name" name="properties[bride_name]" placeholder="Bride">
              </div>
            </div>


            <label for="last_name">Last Name</label>
            <input required type="text" id="last_name" name="properties[Last Name]" placeholder="Last Name">
            <label for="wedding_date">Wedding Date</label>
            <input required type="date" name="wedding_date">

            <label for="city">City</label>
            <input required type="text" id="city" name="properties[City]" placeholder="City">
            <label for="state">State</label>
            <input required list="state" name="state">
              <datalist id="state">
                <option value="AL">Alabama</option>
                <option value="AK">Alaska</option>
                <option value="AZ">Arizona</option>
                <option value="AR">Arkansas</option>
                <option value="CA">California</option>
                <option value="CO">Colorado</option>
                <option value="CT">Connecticut</option>
                <option value="DE">Delaware</option>
                <option value="DC">District Of Columbia</option>
                <option value="FL">Florida</option>
                <option value="GA">Georgia</option>
                <option value="HI">Hawaii</option>
                <option value="ID">Idaho</option>
                <option value="IL">Illinois</option>
                <option value="IN">Indiana</option>
                <option value="IA">Iowa</option>
                <option value="KS">Kansas</option>
                <option value="KY">Kentucky</option>
                <option value="LA">Louisiana</option>
                <option value="ME">Maine</option>
                <option value="MD">Maryland</option>
                <option value="MA">Massachusetts</option>
                <option value="MI">Michigan</option>
                <option value="MN">Minnesota</option>
                <option value="MS">Mississippi</option>
                <option value="MO">Missouri</option>
                <option value="MT">Montana</option>
                <option value="NE">Nebraska</option>
                <option value="NV">Nevada</option>
                <option value="NH">New Hampshire</option>
                <option value="NJ">New Jersey</option>
                <option value="NM">New Mexico</option>
                <option value="NY">New York</option>
                <option value="NC">North Carolina</option>
                <option value="ND">North Dakota</option>
                <option value="OH">Ohio</option>
                <option value="OK">Oklahoma</option>
                <option value="OR">Oregon</option>
                <option value="PA">Pennsylvania</option>
                <option value="RI">Rhode Island</option>
                <option value="SC">South Carolina</option>
                <option value="SD">South Dakota</option>
                <option value="TN">Tennessee</option>
                <option value="TX">Texas</option>
                <option value="UT">Utah</option>
                <option value="VT">Vermont</option>
                <option value="VA">Virginia</option>
                <option value="WA">Washington</option>
                <option value="WV">West Virginia</option>
                <option value="WI">Wisconsin</option>
                <option value="WY">Wyoming</option>
              </datalist>
        </div>

我错过了什么？

Answer 1

您要做的是使字段成为必需的输入（请参阅该教程中的“使自定义表单字段成为必需”中的步骤）。然后，客户必须转到“产品”页面将项目添加到购物车。

如何在Shopify中显示主页上显示的自定义输入字段

1 个答案: