How to add product options in the Dawn theme?

[skormy]

I am in the process of moving our store to Shopify.  The store sells fused glass jewelry.  Before purchasing a necklace customers are required to choose a cord or chain.  We used code found on this video to add the options when we were using the Supply theme.  

https://youtu.be/5b_5tFOzYuU

Now that we are using the Dawn theme, the code doesn't seem to execute.

Once the template is assigned to a product, a customer can choose the chain of their choice.  However, when "Add to cart is clicked, the selection doesn't pass through to the cart. In addition, if no selection is made (option is required) is works rather than preventing the action.  

Here's what I've done:

• Created a new template based on product.json
• Changed the value for the "type": "customizable" to reflect the new product section
• Created a new customizable.liquid file based on main-product.liquid
• Created a shopify form-fields here: https://ui-elements-generator.myshopify.com/pages/cart-attribute
• Placed the form code above the  form tag: {%- form 'product', product,    and even a couple of places within the form tag, all with the unwanted result.

Question:  It seems that the code works to display the form, but not to incorporate the form data and its required status into the submit process.  Are there additional changes that need to be made or files to be modified for the optional form to work in the Dawn theme?  Thanks in advance. 

[AvisPlus]

Hi @skormy 

Molly here from AvisPlus Product Options - Customize Product Options & Increase Conversion Rate. We're using Dawn theme on our demo store and adding the custom options with the app (Free app). Would you like to try it out? 🙂

[EasifyApps-Zoe]

Hi @skormy,

It's been a while since you raised your topic, and I assume you may have already found a solution. However, I'd like to suggest a much simpler solution for setting up your custom options in case you need it in the future - no coding required 🤗.

You can use the Easify Product Options app (Free plan available), which offers 25 different option types (e.g., text box, dropdown, checkbox, radio buttons, image swatches, color swatches, quantity, etc.) to create your product options effortlessly.🙌

Here's a quick demonstration on how to set up your options using the app:

• Start by creating a new option set:

• Add an option for customers to select their necklace (cord or chain) using a suitable option type such as Dropdown with images, Image Swatches, Radio Buttons, Buttons, etc. (based on your preference).

Dropdown with images

Image Swatches

Radio Buttons

Buttons

You can expand the range of custom options according to your preferences. For instance, you can include additional options for customers to select necklace length, color (if they choose "Cord"), and more.

• Finally, assign the new option set to your relevant product(s), and you're all set:

In the future, if you require more custom options, consider using the Easify Product Options app. It's user-friendly, saves you a lot of time for option creation and management 😊.