Return to previous page

Swatches Filter Display Image Instead of Name

This topic has 6 replies, 3 voices, and was last updated 6 months, 1 weeks ago ago by Rose Tyler

gmargetis

Participant

October 22, 2023 at 19:51

In the woocomemrce sidebar i want to display the image of the attribute instead of its name at the filter. How can I do it? And also I want to do the same with the brands. I use the x-store brands

#371122 Copied Theme version: 9.2.1

5 Answers

Tony Rodriguez

Support staff

October 23, 2023 at 06:49

Hello, @gmargetis,

Thank you for contacting us and for using XStore.

If you want to display the image of the attribute instead of its name in the shop sidebar, Please go to Wp-dashboard > Product > Attributes > Add new attribute or edit specific attribute > Select Type as Image and update it.

After that configure term > edit specific color > add image and update it.

Please refer to the attached image for your reference.

https://postimg.cc/S2KGNq3G
https://postimg.cc/7Cz53R7y

We kindly advise you to utilize the Xstore Swatches filter, kindly follow these steps:

1. Navigate to your WordPress dashboard.
2. Click on ‘Appearance’.
3. Select ‘Widgets’.
4. Add the ‘XStore Swatches’ filter in the shop sidebar area.
5. Select the attribute.
6. Save your changes.

Once you have completed these steps, Please refer to the attached image for your reference.
https://ibb.co/PcBgTG5

https://postimg.cc/k6ZY0BGS

We hope this will solve your issue.

Best Regards,
The 8Theme Team.

#371131 Copied

gmargetis

Participant

October 23, 2023 at 08:53

Hello and thank you for the answer. Can you help me to do the same with brands?

#371152 Copied

Tony Rodriguez

Support staff

October 23, 2023 at 09:58

Hello, @gmargetis,

Thank you for your response.

Should you wish to display the brand’s image rather than its name in the shop sidebar, kindly follow these steps:

1. Navigate to the WP-dashboard.
2. Proceed to XStore.
3. Select Widgets.
4. Go to the Shop sidebar area.
5. Edit the XStore Brand list widget.
6. Choose the display type as ‘Image’.
7. Save your settings.

Please refer to the attached image for further clarification.

https://postimg.cc/JG2qbpdr
https://postimg.cc/LhqhJvfB
https://postimg.cc/xkxTCb14

We trust this will resolve your issue.

Best Regards,
8Theme’s Team.

#371168 Copied

gmargetis

Participant

October 23, 2023 at 10:01

I use the “filter products by brand” widget in order to filter them. Is there any hook or way to edit that in order to display the image? Thank you

#371169 Copied

Rose Tyler

Support staff

October 23, 2023 at 10:44

Hello, @gmargetis,

There is no ready solution, unfortunately.

Please post requests about new settings or improvements in our theme via this page – https://www.8theme.com/taskboard/ If they receive enough votes from other customers, our development team will consider adding them in one of the upcoming updates.

Best Regards,
8Theme’s Team.

#371176 Copied
Tagged: advanced woocommerce swatches, best selling themes, image instead name, improved shopping experience, product image display, swatches filter display, woocommerce themes
Viewing 6 results - 1 through 6 (of 6 total)