Hi @abhisheksharma8789!
Thank you for reaching out.
You could use the following snippet to display the category image on the category archive page:
https://woocommerce.com/document/woocommerce-display-category-image-on-category-archive/
To add a label to the category image (‘Men’s shirts’), you would need an extension or custom coding to achieve that, so I’m leaving this thread open for a bit to see if anyone can chime in to help you out.
Searching, I found the Product Labels and Stickers extension that helps to add labels to images on your site; you could use it to add text to the category products images.
Check more about it here: https://woocommerce.com/document/product-labels-and-stickers-2/#section-8
For additional assistance on this topic, we recommend getting in touch with one of the customization experts listed on the WooCommerce Customizations Page; they can help you create the customization the way you need it.
I hope this helps!
No thanks I want css to do it
Hey @abhisheksharma8789
To achieve this type of customization using only CSS I’d recommend using Google Chrome Developer Tools. You can right click anywhere on your webpage to select ‘Inspect Element’, the HTML and CSS properties show up right in your browser.
You can then write your custom CSS to change the elements that you’ve inspected using the same CSS classes to override your site’s original CSS with your own.
