Customizable products: editing code on new template

AnnaRomano
Tourist
7 0 0

Hi guys,

I created my product customization form:

 

https://ceramichecear.it/collections/pannelli-ceramica-caltagirone/products/targa-in-pietra-lavica-m...

 

In addition to the customization that I have already made, I would like to add another text field at the end, where the customer can ask for information on that product, and the "send request" button, but on the arrive email together with the message I would like a reference (as happens for orders received), such as the image and SKU code, or even one of the two. I hope I explained myself, I know it's a bit complex and I don't know if it's possible or if there are tutorials on it.

 

Sorry for the incorrect english ... I used the translator.

 

Thank you in advance.
Regards

 

Anna from Italy

0 Likes
Guleria
Shopify Partner
1310 269 363

Hello,

Add another input filed but leave it hidden and assign product variant  as value.
e.g

{%- assign current_variant = product.selected_or_first_available_variant -%}
<input type="hidden" value="{{ current_variant.sku }}" name="properties[SKU]">

Thanks 

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
AnnaRomano
Tourist
7 0 0

"Add another input filed but leave it hidden and assign product variant  as value."

 

Can you explain this better?

 

Thanks

0 Likes
AnnaRomano
Tourist
7 0 0

I forgot ... I would not like to put this option in the already created template, but I would like to create a new one only with this message field and send button.

0 Likes
apleon77
New Member
1 0 0

Hello,

 

I hope you are well. I was wondering how you added the option of your customers uploading their image to your shop. I am trying to do the same for our shop.

 

Thank you.

Annie

0 Likes
Guleria
Shopify Partner
1310 269 363

Hello Annie,

You can also add it in your product.
Simply edit your product.liquid under Templates or product-template.liquid under section depend in your theme structure.
And inside the form tag add a input field with type file like this:

<p class="line-item-property__field">
          <label for="product_custom_photo">Your label</label>
          <input  id="product_custom_photo" type="file" name="properties[Photo]">
          </p>

If you need further help, you can drop me and email.

Thanks

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
0 Likes