Return to previous page

Product catalog variations swatches reveal on hover

This topic has 5 replies, 2 voices, and was last updated 2 years, 6 months ago ago by Ministry Of Concrete

Ministry Of Concrete

Participant

May 30, 2022 at 17:34

Hello there, i want to make the available variation swatches reveal on hover.

For Example: https://www.footshop.gr/el/2347-andrika-roucha (hove on product and sizes will reveal)

I saw a similar topic and you mentioned thats you do not have this feature.

Is there a way to make this custom?
Is there a possibility that you add this feature in the next updates?

Thanks!

#324850 Copied Theme version: 8.1.6 WooCommerce version: 6.5.1

4 Answers
Olga Barlow

Support staff

May 31, 2022 at 14:29
Hello,

We don’t have such option in our theme. You may try to add the below code to Theme Options > Custom CSS to hide sizes by default and display on hover only
```
.content-product .product-details .st-swatch-in-loop {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0;
}
.content-product:hover .product-details .st-swatch-in-loop {
    opacity: 1;
}
```
Also, you can submit a feature request here https://www.8theme.com/taskboard/ if you want to get any new options and our developers will check that.

Regards
#324895 Copied
Ministry Of Concrete

Participant

June 6, 2022 at 10:04

Alright, i submitted it as a new feature.

Thanks!

#325211 Copied

Olga Barlow

Support staff

June 6, 2022 at 11:10

Hello,

Thank you.

Regards

#325224 Copied

Ministry Of Concrete

Participant

June 7, 2022 at 12:53

Alright, thanks!

#325285 Copied
Tagged: hover, product catalog, reveal, swatches, variations, woocommerce, wordpress
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Product catalog variations swatches reveal on hover’' has been successfully resolved, and the topic is now closed for further responses

Product catalog variations swatches reveal on hover

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection