How can I add customizable check boxes on product pages?

Store Design
, ,
1

Hi,

I am using the Dawn theme and

I would like to add a series of check boxes on product pages for customers to choose options vs typing in notes(which are often forgot).
I would also need these check boxes to show to me within their orders once completed.

I make customized hair accessories and have several different hardware options and some prefer items to face left or right.

2

Hello @Blushingvioletb ,

You can try to follow these steps:

  • Go to Online store → Themes → Actions → Edit code
  • Go to product-template.liquid file
  • Look for the section of code that handles the product options. It should look similar to:
{% if product.has_only_default_variant %}
  
{% else %}
  
{% endif %}
  • Replace the above code with the following code to display checkboxes for each variant:
{% for variant in product.variants %}
  
    
    
  

{% endfor %}
  • Find the file named cart-template.liquid file
  • Look for the line of code that begins with . It should be inside a {% for item in cart.items %} loop.
  • After that line of code, add the following code to display the selected options within the order:
    • {% for property in item.properties %}
  {% if property.first == "variant" %}
    

{{ property.last }}

  {% endif %}
{% endfor %}

    Save changes

    Hope this can help.

    Ali Reviews team.

3

thank you!
i will give this a try!

4

I tried this however

I need an additional area under my variants to be check boxes that do not match my variant options.
i included a photo of an example product

under the small, large, and long tail options

I’d like to have check boxes with other options such and “left side” “right side” “headband” “French barette”

Ideally these check boxes would not count as a full variant but more as checking included options without increasing my product count vs when loading all the diff variants as options

5

@irene-vintage