Show photo attributes instead of title in archive

Hello

How can an attribute’s image be displayed instead of its name as a brand in archive page? (please see photo)

How to lure it before the name of the product?

Thanks

Attachments:

You must be logged in to view attached files.

I already use the setting: Show brand attribute (see photo)

Attachments:

You must be logged in to view attached files.

Hello,

You can go to Dashboard > Products > Attributes > there you can find the Brand Attribute. So, to use the Image for the Brands Attributes, you need to edit the Terms of the Brand Attributes one by one and upload the Image under the Image Swatch area of the Edit term section: https://ibb.co/pvLM9cM

Best Regards.

I need to show this image on archive pages.

Specifically: Pages of categories, subcategories, tags, attribute archives.

I repeat: How to display the name of the attribute “Brand” instead of the text – show the image? And show it ABOVE the product title?

Attachments:

You must be logged in to view attached files.

Hello,

Can you please share the WP admin login details of your site so I will check and give you a possible solution?

Best Regards.

Why do you need access to my site if all the code and setup is in your theme?
Do you have your theme?

Surely you also have a demo store for debugging.
I do not understand

The brand attribute image is displayed by the theme settings on the product page.

I just want to be able to display this on the category page, taxonomies page, attributes page, etc.
Please re-read the message threads up

Hello,

The following brand name text under the product image can’t be changed to the image via custom code, and we don’t have options for that.

But there is another alternative solution with a close result. The brand is a regular attribute that can be shown on the product thumbnail like any other attribute image via the following option on the attribute settings page – https://prnt.sc/tNbSBNQCK7V8.

Best Regards.

I understand.

Then could you help me.

I’m new to php but made up this little code.

It seems to add exactly what I need and work without problems.
But I would like to reduce the logo image for archive pages. Can you please tell me how to add the code correctly so that it works only for archive pages?

body .wd-product-brands img {
max-width: 88px
width: 100%
}

Hello,

If you want to specifically apply the CSS on the Shop page only, then you can remove the body property from it and add the .archive class in it. In this way, this CSS will only be applicable to the Shop page:

.archive .wd-product-brands img {
   max-width: 88px !important;
   width: 100% !important;
}

Further, regarding the Code Snippet that you shared in Private Content, sorry to say but this is related to Customization and it is of our Theme Support policy scope so we can’t suggest something regarding that, unfortunately. Hope you can understand our limitations in this regard.

Best Regards.

I understand
Please close this thread, I have no more questions.

Most Welcome 🙂

Thanks for contacting us.
Have a great day 🙂

Topic Closed.
Best Regards.

[Author]

Posts