HD6413002TF10

  <div class="product__otoiawase">
                  <button id="modalOpen" class="button" style="background: {{ block.settings.color_btnBk }}; color: {{ block.settings.color_btnTxt }};">{{ block.settings.btn_txt }}</button>
                  <div id="easyModal" class="modal">
                    <div class="modal-content">
                      <span class="modalClose">×</span>
                      <div class="modal-body">
                        {%- form 'contact', id: 'ContactForm', class: 'isolate' -%}
                        
                          <div class="contact__fields">
                            <div class="field">
                              <input class="field__input" type="text" id="ContactForm-product" name="contact[お問合せ商品]" value="{{ product.title | escape }}" readonly>
                              <label class="field__label" for="ContactForm-product">{{ block.settings.form_txt }}</label>
                            </div>
                            <div class="field">
                              <input class="field__input" autocomplete="name" type="text" id="ContactForm-name" name="contact[{{ 'templates.contact.form.name' | t }}]" value="{% if form.name %}{{ form.name }}{% elsif customer %}{{ customer.name }}{% endif %}" placeholder="{{ 'templates.contact.form.name' | t }}">
                              <label class="field__label" for="ContactForm-name">{{ 'templates.contact.form.name' | t }}</label>
                            </div>
                            <div class="field field--with-error">
                              <input
                                autocomplete="email"
                                type="email"
                                id="ContactForm-email"
                                class="field__input"
                                name="contact[email]"
                                spellcheck="false"
                                autocapitalize="off"
                                value="{% if form.email %}{{ form.email }}{% elsif customer %}{{ customer.email }}{% endif %}"
                                aria-required="true"
                                {% if form.errors contains 'email' %}
                                  aria-invalid="true"
                                  aria-describedby="ContactForm-email-error"
                                {% endif %}
                                placeholder="{{ 'templates.contact.form.email' | t }}"
                              >
                              <label class="field__label" for="ContactForm-email">{{ 'templates.contact.form.email' | t }} <span aria-hidden="true">*</span></label>
                              {%- if form.errors contains 'email' -%}
                                <small class="contact__field-error" id="ContactForm-email-error">
                                  <span class="visually-hidden">{{ 'accessibility.error' | t }}</span>
                                  <span class="form__message">{% render 'icon-error' %}{{ form.errors.translated_fields['email'] | capitalize }} {{ form.errors.messages['email'] }}</span>
                                </small>
                              {%- endif -%}
                            </div>
                          </div>
                          <div class="field">
                            <textarea
                              rows="10"
                              id="ContactForm-body"
                              class="text-area field__input"
                              name="contact[{{ 'templates.contact.form.comment' | t }}]"
                              placeholder="{{ 'templates.contact.form.comment' | t }}"
                              required
                            >
                              {{- form.body -}}
                            </textarea>
                            <label class="form__label field__label" for="ContactForm-body">{{ 'templates.contact.form.comment' | t }} <span aria-hidden="true">*</span></label>
                          </div>
                          <div class="contact__button">
                            <button type="submit" class="button" style="background: {{ block.settings.color_btnBk }}; color: {{ block.settings.color_btnTxt }};">
                              {{ 'templates.contact.form.send' | t }}
                            </button>
                          </div>
                        {%- endform -%}
                      </div>
                    </div>
                  </div>
                </div>

納期：約１－２週間

発送元：愛知県名古屋市

情報更新日：2025年5月2日