Radio buttons design

Radio buttons design

isabellemaria
Trailblazer
210 2 25

Hi there,

 

I don't know why the radio buttons in the "featured product" section I just added HERE at the BOTTOM of the page are displayed differently than on the rest of my page (https://taneraskin.com/collections/produkte). Using Dawn theme.

 

I looks like this on the ALL PRODUCTS Page:

isabellemaria_0-1719069859995.png

 

 

 

And I want it to look like this (goal):

 

isabellemaria_1-1719069859855.png

 

 

What change to I have to make? Do you see an error in my code or a change I've made?

 

Best regards,

 

Isabelle

Replies 4 (4)

kaiyaa
Trailblazer
292 23 28

Hello @isabellemaria 

It's showing in drop down here 

kaiyaa_0-1719070829478.png


Can you please enable the radio button then i can check.

Was I helpful? Buy me a coffee
For fast response Message me
Need Help Message me
isabellemaria
Trailblazer
210 2 25

Now you can check!

BSSCommerce-TA
Shopify Expert
123 24 24

Hi @isabellemaria, you can by floowing these steps: 

1. Navigate to Online store => Themes => Edit code

1.png

2. Find featured-product.liquid file on Sections folder and open it

BSSCommerceTA_0-1719072015195.png

3. Check whether this following code snippet is in the file or not: 

 

  {{ 'component-product-variant-picker.css' | asset_url | stylesheet_tag }}

 

BSSCommerceTA_1-1719072269765.png

If not, add it bellow this line of code : 

 

{% unless section.settings.product.has_only_default_variant %}

 

Hope this can help you.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.

SIMICART: Mobile App Builder |Ironwork Theme - Coming Soon | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
isabellemaria
Trailblazer
210 2 25

I added the following code:

 

Bildschirmfoto 2024-06-23 um 12.53.53.png

 

and now it looks like this:

 

Bildschirmfoto 2024-06-23 um 12.56.29.png

 

It's still not showing the "pills" 

https://taneraskin.com/collections/produkte