Product Style – Hover on Product

Hi,

Woodmart is an amazing things. It provides different product hover styles which can be set on Theme Options >> Shop >> Product Styles.

But we have noticed some styles are best on mobiles while others are best on desktop. For example, “Summary on Hover” is best on desktop, while “Quick” style is best on mobile.

Can we set different styles on different devices as given above? If not, you should consider this customization for future updates of theme as this can lead woodmart more towards being a perfect theme!

Thank you in Advance.

Hello,

Unfortunately, for now, there is no option to set a different hover design for different devices. We shall consider your feature request, however, do not promise to implement it in the nearest updates.

Best Regards

Actually this is very good request.
I got warning from google regarding the hover button size on mobile.

https://prnt.sc/10xcvgu

There are 2 options to solve.
1. Make hover button bigger, 48×48 like google suggested. Don’t know how to set. Do you know?
2. Make different style for mobile.

Hello,

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

body .woodmart-hover-quick .add-to-cart-loop {
    width: 50px;
    height: 50px;
}

Please provide page URL and screen of what else you want to change and how.

Best Regards

Hello Elise,

Thanks, this fixed the issue.
Do you mind to add this fix to core for new version.

So we don’t need to add css and if somebody didn’t notice they will not have issues.

Here is SS after the code.

Attachments:

You must be logged in to view attached files.

Hello,

We do not have frequently request this feature. Please add to the custom CSS and this would remain forever, provided you update your theme properly. Make the full backup each time before update.

Best Regards

[Author]

Posts