How to show color “name” once a user click the color swatch button?

Hi Luke,

I am trying to setup product swatch on a product page in a way that when a user choose the color, the name of the color appears. For example, on the screenshot the picked color button is black, but there is no text anywhere that states Color: Black.
In some instances there are really slight variations in colors visually and I am sure that a user would have to know exactly what that color is before buying.
Can you please help me?
First screenshot is from my website with Woodmart, and second is from some other website (not sure what theme) where they have both color choosen and it states above Color: Black.

Thanks in advance, this is something extremely important for me, so I hope you can help me.
Cheers

Attachments:

You must be logged in to view attached files.

Hello,

Navigate to Theme Settings -> Shop -> Variable products and enable the “Show selected option name on desktop and tablet” option – https://take.ms/jusG6

Kind Regards

Thanks Luke,

Unofortunatelly, nothing happens.
Actually, the only difference is that after I hover over the color on desktop, I would see it’s name in the dark background, while if this button is enabled, when I hover over the color swatch it shows the name in light background.

But none of these shows Color: “name of the color”
Any other ideas?

thanks

Hello,

In this case, is there any chance that you could give me access to the dashboard area so I can have a look at the settings on your website, please?

Kind Regards

Hi Luke,

Sure, can you contact me on [email protected] and I will create a WP User for you to access Dash?
Thanks:)

The problem is actually on Elementor’s end. I use layout for a product page made in Elementor. If I remove Elementor, it appears with the color name by Theme’s default.

But is there a way to somehow have more control over designing the product page by theme itself?
For example, the color swatch is too low on a mobile, below the short description, so a user would have to move up and down to change colors and see how they look like on a model, which is bad user experience.

IS there a way somehow to design product page on a theme itself in more details?
Thanks

Hello,

In order to customize the product page, I suggest using our Layout builder, more details on how to use that are here – https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Also, you can add already created templates for the product page by clicking on the “Add new” button in Layouts -> Single product.

Kind Regards

[Author]

Posts