How to add customization field in code Dawn theme

How to add customization field in code Dawn theme

Jenn_DRM
Shopify Partner
2 0 0

I would like to add a customization field into a product template (So I can opt for it to only be active for one product not all) - I tried to follow an older tutorial but it seems like the theme is no longer set up that way. I am using the Dawn theme. The idea is for the customer to input text prior to hitting the "add to cart" button.

 

I am familiar with using the UI elements generator but I don't know where to put the code in the theme file, or where/how to create the custom product template.

Replies 3 (3)

theycallmemakka
Shopify Partner
1661 396 416

Hi @Jenn_DRM ,

 

I just watched the video, and was confused about the statement "the theme is no longer set up that way". All new themes use the same JSON template that is shown in the video.

Also regarging you requirement [nput text prior to hitting the "add to cart" button], this will require liquid coding to display the required input field, and will also require updating global Javascript.

 

As this require custom coding which needs to be done as per the theme used, it will require time customization. If you require someone to make these changes on the site, please feel free to private message me.

 

If I managed to help you then, don't forget to Like it and Mark it as Solution! I

Best Regards

Makka

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

Jenn_DRM
Shopify Partner
2 0 0

I was referring to the fact that in the video the theme didn't have snippets, also the main-product.liquid shown in the theme had changed.

 

I actually found a free app for this Called Easify Product Options so no custom coding is required. Thanks

EasifyApps
Shopify Partner
635 19 46

Hi @Jenn_DRM,

For crafting your personalized text fields and seamlessly integrating them into your desired products, I recommend checking out the Easify Product Options app—it's free to use and no coding required! I've set up a quick demo for you 😊:

EasifyApps_0-1701328879793.png

EasifyApps_1-1701328918447.png

EasifyApps_2-1701328942864.png

EASIFY - MAKING SHOPIFY SIMPLE & SWEET!
Easify Product Options: Create custom product options 10X faster & easier!
Easify Product Attachments: Effortlessly add downloadable PDF files (or any other format) to Shopify pages!
Try for Free | 24/7 Live Chat Support