fbpx
🤝  NEW YEAR SALE RETURNS - 50% OFF all plans! 🤝 Grab it Now

Make image swatch bigger when cursor is on it

Dear sir/madam,

I have just bought and installed the Variation Swatches for Woocommerce and I must say it is working good!
There is only one thing that I cannot find. I would like that the image swatch gets bigger when the cursor is on the image. Would that be possible?
Please see image below:

ticket.jpg

 

Looking forward receiving your reply.

Kind regards,

Glenn Triepels

Hakik Zaman

Hi Glenn,

Unfortunately, the feature is not currently available..

​But it’s great idea. I’ve added it as feature request. I’ll discuss this feature with my team and make it available with the coming version.

In the mean time, please send the feature request here: https://storepress.fider.io/
and ask your other to upvote it.

Cheers!

Tanvirul Haque

Hello Glenn Triepels,

Thanks for reaching out to us. Please put the following CSS code inside your theme customizer additional CSS section:

.woo-variation-swatches .variable-items-wrapper .variable-item.image-variable-item:not(.radio-variable-item):hover, .woo-variation-swatches .variable-items-wrapper .variable-itemimage-variable-item:not(.radio-variable-item).selected:hover {
transform: scale(1.5);
}

Thanks

Hello Tanvirul,

Many thanks for your reply and for sending the code. Well that is not where I am looking for. The swatch need to get bigger when clicking on it. With you solution they get bigger but the image overlaps the other image swatch. Which doesn’t look very nice.

Looking forward receiving your reply.

Hi Guys,

I already found what I am looking for. The thing that I was searching for was called toolbar.

Many thanks in advance.

I will close the topic.