Is it possible that the contact form in Dawn theme can contain product title, variants picker and quantity selector, together with customer´s name, phone, email etc, so that I can receive the inquiry to the product?
Do you want to show that form under every product?
Hi @qironghuang yes this is possible as an advanced customization.
If you need to have this customization , you can contact me, info in signature. Please provide context(store url, theme name, post url.
To DIY you either need to know how to code a contact form into a product pages product-variant loop and javascript, or vise versa product code in the contact form page.
See the dev docs here about contact form customization: https://shopify.dev/themes/customer-engagement/add-contact-form#optional-inputs
Also see the preorder customization https://community.shopify.com/c/shopify-design/forms-add-a-back-in-stock-notification-form/td-p/616599
No, just some specific products
currently, do you have any form on any product page?
Hi
Thank you for the reply. Yes, I need the customization.
store url, Favorstore.no
theme name, Dawn
post url. [email removed]
regards
John Qirong Huang
Yes
<variant-selects class=“no-js-hidden” data-section=“{{ section.id }}” data-url=“{{ product.url }}” {{ block.shopify_attributes }}>
{%- for option in product.options_with_values -%}
{{ option.name }}
{%- endfor -%}
{% render 'icon-caret' %}
{%- render 'price', product: product, use_variant: true, show_badges: true, price_class: 'price--large' -%}
{{ 'products.product.quantity.label' | t }}
{{ 'products.product.quantity.decrease' | t: product: product.title | escape }}
{% render 'icon-minus' %}
{{ 'products.product.quantity.increase' | t: product: product.title | escape }}
{% render 'icon-plus' %}
Can you help me to change these three codes, so that the input/choice will be submit to email? Like contact form of name, phone number and email? Thank you
{{ 'templates.contact.form.name' | t }}
{{ 'templates.contact.form.email' | t }} *
{%- if form.errors contains 'email' -%}
{{ 'accessibility.error' | t }}
{% render 'icon-error' %}{{ form.errors.translated_fields['email'] | capitalize }} {{ form.errors.messages['email'] }}
{%- endif -%}
{{ 'templates.contact.form.phone' | t }}
{{- form.body -}}
{{ 'templates.contact.form.comment' | t }}