Hello. I want to see how to change the favorite icon displayed on the product to

Hi anh1997hb,

Thanks for reaching to us.

Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.wd-wishlist-btn.wd-wishlist-icon>a:before {
    content: "\f128";
}

Regards,

Hi anh1997hb,

1. Quick view

Sorry for misunderstood, I thought you want to change the icon. In order to enable Quick View, navigate to Theme Settings > Shop > Quick view > and enable Quick View option https://prnt.sc/G2cHdI9CNRo8

2. Image size

Please navigate to Theme Settings > Product archives > Products styles, here you can enable Even product grid for desktop option to align products if they have different height components.

You can enable it for specific devices as well https://prnt.sc/ASt5z0mmasuz

Please refer to article for more details https://xtemos.com/docs-topic/image-size-and-content-alignment-in-a-product-grid/

I kindly recommend you preparing images with titles you want before uploading them to your media library using the graphic editor (Photoshop or any other) to have a nice-looking grid.

3. Filters

I tested on my end and it worked properly https://prnt.sc/wh8cSR5simhR

Please double check.

Regards,

Hi anh1997hb,

First of all, take our apologies for the long delay in answering.

1. Filter widgets

These widgets will display on Shop page to filter products, not Single Product page.

2. Sorry, but your answer is a bit unclear to me. Please describe in more details, this will allow me to thoroughly investigate and address your concerns in a more efficient.

Regards,

Hi anh1997hb,

I provided the Custom CSS in the previous reply, please check it.

https://xtemos.com/forums/topic/hello-i-want-to-see-how-to-change-the-favorite-icon-displayed-on-the-product-to/#post-535863

In case you want to change the icon on mobile only, please paste the code into CSS for mobile section.

Regards,

Hi anh1997hb,

Please use below CSS code

.wd-wishlist-btn.wd-wishlist-icon>a:before {
    content: "\f130";
}

Regards,

Hi anh1997hb,

1. That’s correct. Custom CSS only helps you to change the icon only, not its actual link – wishlist functionality.

You want to enable Quickview on both Desktop and Mobile?

2. Go to Theme Setting > product Archive > Product Archive > Category description position > select after product grid. https://prnt.sc/B5akGoeCnaYt

Regards,

Hi anh1997hb,

Please add the following Custom CSS code to Theme Settings > Custom CSS > Custom CSS for mobile:

.wd-product .wd-buttons :is(.wd-quick-view-icon) {
    display: block;
}

Regards,