Attribute swatches on mobile

Hello,

How to disable attribute swatches only on mobile?

Now when you click on product(mobile), hover base lift up with variations.
I want to disable that.
On click I want to directly go to the product page without hover base and variations.

Kind regards

Hello,

Please enable the option in the Theme settings > Shop > PRODUCTS STYLES > Open product on click on mobile

Best Regards

Hello,

Is it possible to achieve that with custom css?

I don’t have that option in my theme settings.
That’s for sure is new option but I can not update theme now.

Best regards

Hello,

Please add this code to the Theme Settings > Custom CSS > Mobile:

body .product-grid-item:hover .wrapp-swatches{
display:none;
}

Best Regards

Hello,

This css only removes wrapp swatches.
Product still lift up on click.

When product is clicked I want to remains as it is, just to go to product page.
Without lift up.

Is it possible?

Best regards

Hello,

You need to disable JS minification in the Theme Settings > Performance and delete the code shown on the screen http://prntscr.com/okcmu2 from woodmart/js/functions.js

Best Regards

Hello,

Theme is updated, js minification is disabled, code from functions.js is removed but on mobile again on click product first lift up and then goes directly.

This is enabled Theme settings > Shop > PRODUCTS STYLES > Open product on click on mobile.

Also css for mobile didn’t help

body .product-grid-item:hover .wrapp-swatches{
display:none;
}

Kind regards

Hello,

You need to change the design on hover in the product grid. Consider this one “Full info on image” in the Theme Settings > Shop > Product style.

Best Regards

Hello,

Thanks for response.

I need that functionality only for mobile.

I will try to find another solution.

Kind regards

Ok. If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts