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

I want to see how to change the favorite icon displayed on the product to a quick view icon? hope you help

Attachments:

You must be logged in to view attached files.

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,

Hello . Thanks for your help, but the css above shows the compare button. What I need is a button to quickly view product details. And can you tell me where I can edit the product photos so they are the same size on the store page? and my product filter is also not showing even though I have added attributes to the filter. hope you help

Attachments:

You must be logged in to view attached files.

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,

Thank you, but in my filter in the widget area I have added a lot of attributes (as shown in the photo), but in the shop page it only shows the price filter.
2. I want to display the interface on the phone as a quick view button, not an add to favorites button like in the picture
Hope you help

Attachments:

You must be logged in to view attached files.

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,

Thank you. Sorry I sent you the wrong photo. as you can see that heart icon button showing on phone screen, now i want to change that heart icon button to quick view icon button.

Attachments:

You must be logged in to view attached files.

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,

Hello, thank you for your help, but when I paste the css, it shows the comparison icon, not the quick view icon. What I need is a quick view icon, please help me

Attachments:

You must be logged in to view attached files.

Hi anh1997hb,

Please use below CSS code

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

Regards,

Thank you for your help, but why when I click on the quick view icon does the product appear in the wishlist list, but it doesn’t show the product quick view?
and I also want to ask you how to move the product category description below the product. Hope you can help

Attachments:

You must be logged in to view attached files.

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,

Well, if possible, can you help me turn on quick view on my phone and desktop

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,

[Author]

Posts