Shopify“选择选项”下拉列表不适用于联系表单

问题描述

因此，我试图在shopify主题联系页面中添加“联系原因”下拉菜单。但是，当我添加相关代码时，没有任何显示。它仅显示标签“联系原因”，但未显示实际下拉列表。

我有WeThemes的“嫉妒”主题。代码在下面，我添加的部分是与其余代码隔开的部分。

  {% form 'contact' %}
    <p class="success-msg form-success{% unless form.posted_successfully? %} hide{% endunless %}">
        {{ 'contact.form.post_success' | t }}
    </p>
    {% include 'form-errors-custom' %}     

<div id="contact-form">

        <div class="row">
            <div class="col-md-6 col-xs-12">
                <div class="form-group">
                    <label for="name">{{ 'contact.form.name' | t }}*</label>
                    <input type="text"
                        name="contact[name]"
                        id="name"
                        class="form-control"
                        value="{% if form[name] %}{{ form[name] }}{% elsif customer %}{{ customer.name }}{% endif %}" required>
                </div>
            </div>

            <div class="col-md-6 col-xs-12">
                <div class="form-group">
                    <label for="email">{{ 'contact.form.email' | t }}*</label>
                    <input type="email"
                        name="contact[email]"
                        id="email"
                        class="form-control"
                        value="{% if form.email %}{{ form.email }}{% elsif customer %}{{ customer.email }}{% endif %}"
                        spellcheck="false"
                        autocomplete="off"
                        autocapitalize="off" required>
                </div>
            </div>
        </div>







    <div class="row">
            <div class="col-md-6 col-xs-12">
                <div class="form-group">
                  <label for="reason"> Reason for Contact </label>
                    <select id="reason"
                            name="contact[reason]">
                    <option> General Inquiry</option>
                    <option> Question About Your Order</option>
                    <option> Shipping and Delivery </option>
                    <option> Marketing and Collaborations </option>
                    <option> Wholesale </option>  
                    </select>                   
                </div>
            </div>







            <div class="col-md-6 col-xs-12">    
                <div class="form-group">
                    <label for="orderid">Order ID (If Applicable)</label>
                    <input  type="text"
                        id="orderid"
                        name="contact[orderid]"
                        class="form-control"
                        value="{% if form[orderid] %}{{ form[orderid] }}{% elsif customer %}{{ customer.last_order }}{% endif %}"/>
                </div>              
            </div>     
    </div>
    
        <div class="row">
            <div class="col-md-12">
          <div class="form-group">
            <label for="message">{{ 'contact.form.message' | t }}</label>
            <textarea id="message" rows="10" class="form-control" name="contact[body]">{% if form.body %}{{ form.body }}{% endif %}</textarea>
          </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12 btn-contact--wrapper">
          <div class="form-group" id="newsletter-wrapper">
            <input type="submit" class="btn btn-custom" value="{{ 'contact.form.send' | t }}" />
          </div>
          <div class="lds-dual-ring newsletter-spinner hide"></div>
            </div>
        </div>
</div>

  {% endform %}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）