Product Variations Text before selection on single product page

Hi guys,

for the attributes using text. On your demo with the iPhone version selection, how did you add that “iPhone:” text before the version selections? When I try it there are just the variations displayed without the variations “category name” before it. So for example if I want to show sizes with text selectors M, L, XL. I want to display Size: before the selection items. How do I do that?

This is what I mean. How do I get that “iPhone:” to show?

Hello,

Thank you for contacting us.

We have hide this label on “Alternative” product layout. Try to use “Default” on in Theme Settings -> Product page -> “Product page design”.

Regards

Anyway to not hide it on alternative layout?

You can try to use the following code snippet to display them on alternative product page

.product-design-alt .variations tr {
    display:block;
}
.product-design-alt .variations td.label {
    display:inline-block;
}
.single-product-content .variations td.value {
    display: inline-block;
    width: auto;
}

That worked! Thanks!

Great! You are welcome.

[Author]

Posts