Add WooCommerce Category Images to the Archive Page

Posted on This might be outdated!

By default WooCommerce doesn’t display category images on the products archive page. Here is a snippet that will allow you to automatically add category images without modifying your theme files. Simply copy and paste the following code in your functions.php file, within your theme folder.

Of course this snippet is the very basic, you can add custom CSS classes, IDs and more, but that’s a pretty good start. Simply keep in mind that WooCommerce doesn’t show category images by default and that’s intended, it’s not a bug. Feel free to r-use that snippet and make it your own, also post a link to your shop page when you customized it! ;-)

About the author

Remi Hey! My name is Rémi Corson, I'm a French WordPress Developer, I code stuff and I write from time to time ;-) Buy a coffee
Show your support

Related Posts

My talk at WPtech Nantes Here is is the video of my talk at WPtech Nantes, a technical event about WordPress:
WooCommerce Subscriptions: edit sign-up button text By default WooCommerce Subscriptions button text is “Sign-up Now“. What if you want to change this text? Well, it’s pretty...
Remove the WooCommerce 3.+ JSON/LD Structured Data format WooCommerce 3 introduced a new format for structured product data called JSON/LD. Despite the fact that this improvement is a...
The Internet Carbon Footprint: my Talk at WordCamp Bordeaux 2019 I recently talked about the Internet carbon footprint at WordCamp Bordeaux. Here’s my presentation:

3 comments

  1. alexbanks:
    February 19, 2015 at 3:33 pm

    Hi Remi,

    So I have used this and noticed just how basic it is, the image does show but not in the style I need it to.

    In archive-product.php there is the following code which outputs the category title and description before the loop of products:

    The function posted here inserts the image at a hooks location, how can I insert ‘woocommerce_category_image’ manually?

    I have tried the following but it does not output anything:

    My goal here is to change the archive-product.php so that the category thumbnail is in one column and the category title / description to be in the other column.

    Is this possible?

    Many Thanks

  2. Trafic d'influence:
    March 3, 2015 at 10:19 am

    Thank you – ou plutôt merci ! – for this nice tip. I just filled the alt attribute for SEO purpose.

    http://www.musedeprovence.com/categorie-produit/sacs-cabas/

  3. finishedfirst:
    January 23, 2016 at 3:26 am

    Hi, thank you, this is very helpful. Is there a way to put in a revolution slider based on the category instead of the category thumbnail? Also is it possible to place the thumbnail inline for example if there were 24 products to a page, 4 columns and 6 rows, would i be able to replace column 3 and 4, rows 4 and 5 with an image or slider?

    For a better visual: The 1s are the products the 2s represent a single image.
    1111
    1111
    1111
    1122
    1122
    1111

Leave a Reply

Copyright 2023 @ Remi Corson