How to add radio buttons in my product page

Store Design
1

This is my product-form page code

{% form ‘product’, product, class:‘product-form’ %}

{% unless product.has_only_default_variant %}
{% for option in product.options_with_values %}

{% if option.name != 'default' %} {{ option.name }} {% endif %}
{% endfor %} {% endunless %}

Instead of this selectid i want to add radio buttons there also wants to change product prices on the basis of selected radio buttons. Can anyone help me to achieve this?

2

@shivansh

Thanks or you question

can you please try this.

https://ui-elements-generator.myshopify.com/pages/line-item-property

2 Likes
3

Thank you for the link to that site.

How ever it is unclear where this code needs to be inserted.

I have followed the instructions but on our theme there is no folder as talked about.

any suggestions to why or where i can find this ?\

4

@TFC-USA

Thanks for post

can you please your issue so i will guide you.

5

@KetanKumar : i am trying to make the dropdown to radiobuttons in my debut theme.. its not happening. any help would be appreciated.

1 Like
6

@VRC

Sorry for facing this issue, it’s my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here

7

https://vrundraj-creations.com/collections/kurta/products/vrc0015

@KetanKumar you can check here .. it doesnt work :disappointed_face:

8

@VRC

Thanks, something is missing your code can you please revert or i will do on custom code sent pm

9

thank you. what is it that ma missing ?

10

@VRC

try fresh theme and fresh code also i have send email all details

11

Hello Please I am also facing a similar issue. I want to create variations for products through a custom product template but i do not know how to code it, can someone help with a snippet of a code i can use for my custom template Thank you!.

12

Hello Ketan,

I am also trying to add radio buttons to my product page. I am using the Ride theme and generated the code with the ui generator. I added the code to the main_product.liquid. The radio buttons are dislayed on the product page but the field does not work properly. It should be a required field and show on the card page, but it does not. Here is the code. Maybe you can see what is wrong with it?

VEREDELUNG
MATT
GLÄNZEND

Kindest,

Illy

1 Like
13

@Illy_DC

can you please share store url

14

Sure, it´s daisycasesco.com