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:
And this is what I want it to look like:
Note that the option name “Size” is hidden.
Topic summary
A user seeks to hide the option name (e.g., “Size”) in the variant picker on product pages using Shopify’s Studio Theme, while keeping the option values visible.
Solution Provided:
- Navigate to Online Store > Themes > Actions > Edit code
- Go to Assets > section-main-product.css
- Add the following CSS at the bottom of the file:
.form__label {
display: none;
}
- Save changes
This CSS hides the label while maintaining the dropdown/picker functionality. The original poster confirmed this solution worked perfectly.
Alternative Approach:
Another participant suggested using the Easify Product Options app, which offers a no-code solution with a “Hidden label” checkbox feature. This app provides 24 option types and allows unlimited custom product options without requiring manual CSS edits.