Quick-view customization

Hello,

Our shop is using the “tiled” product style (one of the standard theme options). The quick-view icon is not visible on mobile version. Could you please suggest how to fix this?

Also, is there any way to make the “add to cart” button open the quick-view popup?

Thank you.

Attachments:

You must be logged in to view attached files.

Could you please also explain how to change the quick-view icon to another one? Ideally it should be replaced with the cart icon.

Hello,

The code below will help you to change the “quick-view” icon.

.wd-product .wd-quick-view-icon>a:before {
    content: "\f123";
}

Define it in Theme Settings -> Custom CSS.

Kind Regards

Thank you, works great. How do we go about making the quick-view icon visible on mobile too (see my first message)?

Hello,

Define the code below into the “Mobile CSS” area in Theme Settings -> Custom CSS.

.wd-product .quick-view {
    display: block;
}

Kind Regards

Thank you, it works fine with the !important rule.

The topic can be closed now.

Hello,

Always remember that you can reach out to us with any questions you may have.

We wish you a splendid day!

Kind Regards

[Author]

Posts