Home › Forums › WoodMart support forum › How to display product category thumbnail image on category page via Elementor?

How to display product category thumbnail image on category page via Elementor?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 23, 2026 at 6:21 am #705710

    zema80
    Participant

    Message:
    Hello WoodMart team,

    I have a question about product category thumbnail images in WooCommerce when using the WoodMart theme.

    Each product category has a thumbnail image assigned in Products → Categories. This image is correctly displayed in the subcategory tiles/grid (child categories), so I understand that the image already exists and is used by the theme.

    However, I need to display this same category thumbnail image on the category archive page itself, next to the category description (for example, in the header area), using Elementor.

    My questions are:

    1. What is the correct technical name of this image in WoodMart / WooCommerce?
      Is it the standard thumbnail_id stored in wp_termmeta, or does WoodMart use a custom meta key?
    2. Is there a built-in Elementor widget or dynamic tag in WoodMart that allows outputting the current product category thumbnail
    3. If there is no built-in Elementor solution, which meta field or function should I use to output this image manually (via shortcode or custom code)?

    I don’t have a problem adding custom code if needed — I just want to clearly understand how this category image is stored and referenced in the database and by the theme.

    Thank you in advance for your help.

    • This topic was modified 5 months, 2 weeks ago by zema80.
    January 23, 2026 at 1:16 pm #705774

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    To show an image on the category archive page, you can use the Page Title > Background Image option in Products > Categories.

    This image is designed specifically for the category page header and will appear automatically in the page title area. There’s no need to use the thumbnail for this — the Page Title background is the correct image to use for the category archive page.

    Simply upload the image there, and it will display on the category page as intended.

    See Screenshot for better understanding: https://ibb.co/1tVNZmhs

    On the frontend category archive page, it will look like this: https://ibb.co/zw4X6Z5

    Hope this Helps!

    Best Regards,

    January 23, 2026 at 2:44 pm #705801

    zema80
    Participant

    Hello,

    Thank you for the suggestion about “Page Title > Background Image”. I understand this option and I can use it, but it’s NOT what I need.

    I need to output the exact image that is used in the subcategory tiles/grid — the category thumbnail image that I set in WooCommerce category settings (Products → Categories → Thumbnail).

    In other words: I want to display the “category thumbnail” on the category archive page near the description, via Elementor or a shortcode, and this must be the same image that appears in the subcategory tiles.

    Could you please clarify:

    • What is the exact meta key / field name for that category thumbnail in your theme / WooCommerce? Is it the standard WooCommerce term meta key <b>thumbnail_id</b> stored in <b>wp_termmeta</b> for the current product_cat?
    • If WoodMart uses a custom field for category thumbnails, what is its meta key name?
    • Which PHP function does WoodMart use to render the category tile image (subcategory thumbnail)? For example, does it call <b>get_term_meta($term_id, ‘thumbnail_id’, true)</b> + <b>wp_get_attachment_url()</b>, or does it use a theme helper function?
    • If you can, please share the recommended snippet / shortcode example to output this category thumbnail for the current category on the archive page.

    I specifically want to avoid using “Page Title background image” and instead reuse the existing category thumbnail that is already configured for the subcategory grid.

    Thank you!

    January 23, 2026 at 3:14 pm #705810

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    You want to display the exact WooCommerce category thumbnail (the one set in Products > Categories > Thumbnail) on the category archive page, next to the description, instead of using the Page Title background image. WooCommerce stores the category thumbnail in the standard term meta with the key:

    'thumbnail_id'

    WoodMart does not use a custom meta field for the subcategory grid image — it directly uses this standard WooCommerce thumbnail.

    WooCommerce documentation provides a recommended way to display the category image on the archive page:

    Follow this WooCommerce guide and use this custom code:
    https://woocommerce.com/document/woocommerce-display-category-image-on-category-archive/

    Hope this Helps!

    Best Regards,

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)