How do I create a checkbox list on a product page?

Highlighted
New Member
1 0 0

Hi!

I am using the Minimal theme. My product is vegetable boxes for the community. I want to create a product page where there is a list of items and the customer ticks the ones they want included in their box. Then on my order dashboard it will show me what items they ticked. 

 

For example

Carrots (tick box)

Potatoes (tick box)

Apples (tick box)

 

I can't find a tutorial on this - can someone send me the instructions on how to make a template? 

 

Thanks so much!

Carrie

0 Likes
Highlighted
Shopify Partner
101 16 22

Hi @LetterCreative 

 

You can use the following site to generate an HTML code for your checkboxes if you are not well versed in liquid: https://ui-elements-generator.myshopify.com/pages/line-item-property

 

Once you generate your checkbox HTML code you will need to paste it in your `{% form 'product' %}`.

 

---

 

If you have a basic understanding of HTML you only need this:

 

<input id="your-name" type="checkbox" name="properties[Your name]" value="Yes">
<label for="your-name">Your name</label>

 Where the important bit is the `name="properties[Your name]"` where you can change the string `Your Name` to Carrots for example. 

 

Here is an example how will the Carrots checkbox look:

 

<label for="carrots">Carrots</label>
<input id="carrots" type="checkbox" name="properties[Carrots]" value="Yes">
0 Likes
Highlighted
Tourist
8 0 2

@LetterCreative i have this code in my theme, Narrative. But i cannot get the options choosen to show in the Cart. are you able to help please

0 Likes