Return to previous page

Add attribute label to variation swatches

This topic has 8 replies, 4 voices, and was last updated 4 years ago ago by sxp666

sxp666

Participant

February 12, 2021 at 12:43

Hi,
I wonder if its possible to add a colour or size label that shows the selected one above the variation swatch https://prnt.sc/z7nd04
For example as shown in this https://prnt.sc/z7n6mm

#273844 Copied Theme version: 7.2.3

7 Answers

Olga Barlow

Participant

February 12, 2021 at 17:43

Hello,

We don’t have such option by default. But you can submit a feature request here https://www.8theme.com/taskboard/

Regards

#273890 Copied

Muhammad Zaki

Participant

February 12, 2021 at 17:54

Hello!

Thanks for getting in touch with us. My name is Muhammad and I will be your assigned support rep.

I understand your requirement but I am afraid to say it is not possible to show the label when selecting a size at the moment but we have a tooltip option for the color variations, please see our demo here:
https://xstore.8theme.com/demos/2/lingerie/product/dark-rose-embroidered-bra/
https://xstore.8theme.com/demos/2/marseille01/product/trefoil-dress/

If you need more info on how to use swatches, please check: https://www.8theme.com/documentation/docs/variation-swatches/

Please let me know if you still need my assistance, I would love to assist you.

Thank you!

#273893 Copied

sxp666

Participant

February 13, 2021 at 10:01

Thank you for the reply, I am already using the tooltip option, but as it doesn’t work on mobile, and in my case would be helpful to be there, I thought I’d ask.

#273985 Copied

Robert Hall

Participant

February 13, 2021 at 17:43

Hi

Please tell me you see this option in our demos. ?

Can you please share a video screenshot of your mobile where you facing this tooltip issue along with your website URL.

#274037 Copied

sxp666

Participant

February 14, 2021 at 14:12

What do you mean by “Please tell me you see this option in our demos. ?”
I am not facing any issues, as I said earlier, the tooltip is working in desktops, but as there is no hover on mobiles, it would be useful for my website to have a label appear after someone chose a colour.

Please contact administrator
for this information.

#274132 Copied
Olga Barlow

Participant

February 15, 2021 at 12:27
Hello,

Add the below code to Theme Options > Custom CSS

.type-color:after, .type-image:after, .sten-li-disabled:after { display: block !important; }

Regards
#274287 Copied
sxp666

Participant

February 15, 2021 at 20:32

Thank you Olga, the tooltip now appears on mobile as well.
Take care!

#274417 Copied
Viewing 8 results - 1 through 8 (of 8 total)