Hide option name for variant picker [Studio Theme]

Solved

Hide option name for variant picker [Studio Theme]

LookLook
New Member
8 0 0

How to hide the Option name in the Variant picker of Product Information using the Studio Theme?

 

Shown as Size in the example below.

 
Screenshot 2022-07-12 at 19.48.50.png

Accepted Solution (1)

AvadaCommerce
Shopify Partner
3879 839 984

This is an accepted solution.

Hi @LookLook,

 

Please follow the below steps to hide the option name from your product pages:

- From your Shopify admin, go to Online Store > Themes 

- Select the theme you want to edit, click on Actions > Edit code

- Navigate to Assets > section-main-product.css

- Add this code to the bottom of the file

.form__label {
    display: none;
}

- Hit Save

 

I hope my answer helps.

banned

View solution in original post

Replies 7 (7)

Akibhusen
Shopify Partner
715 121 148

HI @LookLook,

 

can you please share your store URL? 

 

Would you like to hide the size option from the product page?

LookLook
New Member
8 0 0

Shop is not live.

 

I only want to hide the option name, not the option list.

 

So this is what the Product information in Studio Theme  look like by default:

Screenshot 2022-07-12 at 21.03.11.png


And this is what I want it to look like:

Screenshot 2022-07-12 at 21.03.35.png

Note that the option name "Size" is hidden.

Akibhusen
Shopify Partner
715 121 148

@LookLook,

 

That's fine if shop is not live. You can share the URL with password so I can check the front end and let you know where to apply changes to hide size label.

AvadaCommerce
Shopify Partner
3879 839 984

This is an accepted solution.

Hi @LookLook,

 

Please follow the below steps to hide the option name from your product pages:

- From your Shopify admin, go to Online Store > Themes 

- Select the theme you want to edit, click on Actions > Edit code

- Navigate to Assets > section-main-product.css

- Add this code to the bottom of the file

.form__label {
    display: none;
}

- Hit Save

 

I hope my answer helps.

banned
LookLook
New Member
8 0 0

Big thanks! Worked like a charm!

elijahcustoms
Visitor
2 0 0

thankyou. exactly what i needed!

EasifyApps-Zoe
Shopify Partner
582 14 47

Hi @LookLook,

I noticed that you've already received a suggestion for hiding your option name. However, I'd like to propose a simpler solution that doesn't require any coding and can be beneficial for you and other members who may face similar issues in the future.

 

The Easify Product Options app is the perfect tool to effortlessly create your custom options and hide any option names or labels 🤗. Here's how you can do it:

  • Create your option set using the app:

EasifyAppsZoe_0-1688310799102.png

 

  • Choose from 24 different option types to find the one that best illustrates your custom options.

EasifyAppsZoe_2-1688310872789.png

 

  • If you prefer to hide the option names or labels from being displayed on the storefront, simply select the "Hidden label" checkbox. This way, only the options themselves will be visible to your customers.

hide.jpg

EasifyAppsZoe_3-1688311049689.png

 

  • Assign your option set to the relevant products, and you're all set!

EasifyAppsZoe_4-1688311408354.png

 

As you can see, hiding any option names using the app is a breeze. However, that's just one of the many convenient features it offers. The Easify Product Options app allows you to create and manage unlimited product options effectively. Additionally, it provides various tools to boost sales for products with custom options. It's truly a must-have app for any online store.

 

Give it a try, and you'll see how it simplifies the process of managing your custom options while enhancing your customers' shopping experience 🙌.

EASIFY - MAKING SHOPIFY SIMPLE & SWEET!
Easify Product Options: Create custom product options 10X faster & easier!
Easify Product Attachments: Effortlessly add downloadable PDF files (or any other format) to Shopify pages!
Try for Free | 24/7 Live Chat Support