---
title: "How to Create WooCommerce Product Image Filter in Elementor? (Brand, Texture)"
url: https://theplusaddons.com/docs/create-woocommerce-product-image-filter-in-elementor/
date: 2023-09-14
modified: 2026-09-28
lang: en
author: "Aditya Sharma"
description: "Some attributes are better shown as a picture than a swatch or a word - a brand logo, a wood-grain or fabric texture, a pattern. The Woo Filter's Image display..."
image: https://theplusaddons.com/wp-content/uploads/2023/09/How-to-Create-WooCommerce-Product-Image-Filter-in-Elementor_-Brand-Texture-1024x536.jpg
word_count: 231
---

# How to Create WooCommerce Product Image Filter in Elementor? (Brand, Texture)

## 

- WP Search Filters renders Woo Filter attribute values as clickable images when the display style is set to Image, using the image set on each attribute term.
- The Plus Addons for Elementor Pro requires Elementor, WooCommerce, and at least a few published products before the WP Search Filters widget can be used.
- Set Select Attributes to the attribute taxonomy with images on its terms, such as Brand or Texture, after enabling WP Filters under The Plus Addons > Widgets.

Some attributes are better shown as a picture than a swatch or a word - a brand logo, a wood-grain or fabric texture, a pattern.

The Woo Filter's **Image** display style renders each attribute value as a clickable image, using the image set on that attribute term.

For the full settings tour of the **WP Search Filters** widget, see [WP Search Filters Widget Settings Overview](https://theplusaddons.com/docs/wp-search-filters-widget-settings-overview/).

***Requirement - This widget is a part of The Plus Addons for Elementor Pro, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/woocommerce-builder/ajax-filters/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Prerequisite:** [Elementor](https://wordpress.org/plugins/elementor/) (free) installed and active.- **Edition:** WP Search Filters is a **Pro** widget - it requires The Plus Addons for Elementor Pro to be installed and active.- **Widget to enable:** go to **The Plus Addons > Widgets**, search for **WP Filters** and turn its toggle on.- **Prerequisite:** [WooCommerce](https://wordpress.org/plugins/woocommerce/) installed and active, with at least a few products published.- A WooCommerce product attribute (e.g. Brand or Texture) with an image set on each term.

## Steps

Add the WP Filters widget, set **Filter Type** to **Woo Filter**, then set the display style to **Image**.

![Woo Filter display style set to Image](https://theplusaddons.com/wp-content/uploads/2026/09/wp-search-filters-woo-filter-image.webp)

Set **Select Attributes** to the attribute taxonomy whose terms carry the images you want shown.

## Settings Overview

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| Select Source (Woo Filter) | Set to Image for picture-based rendering. | - |
| Select Attributes | The attribute taxonomy to read images from. | - |

## Related Docs

- [How to Create WooCommerce Color Swatches Filter in Elementor?](https://theplusaddons.com/docs/create-woocommerce-color-swatches-filter-in-elementor/)

## Frequently Asked Questions

**Q: What do I need before creating a WooCommerce product image filter in Elementor?**
A: Elementor free needs to be installed and active, WooCommerce needs to be installed and active, and the WP Search Filters widget is a Pro widget that requires The Plus Addons for Elementor Pro to be installed and active. You also need a WooCommerce product attribute such as Brand or Texture, with an image set on each term. That last part matters because the Image display style renders the attribute values as clickable images, not text labels.

**Q: Why are my brand or texture images not showing in the filter?**
A: The filter depends on images being set on each attribute term, so missing term images will leave nothing useful for the Image display style to render. The widget also has to be enabled under The Plus Addons > Widgets by turning on WP Filters. If the setup still looks wrong, the key setting is Select Source set to Woo Filter and the display style set to Image, since that is what tells the widget to read attribute images.

**Q: Can I use product logos or fabric textures instead of swatches in this filter?**
A: That is exactly what this setup is for. The page calls out cases where a picture works better than a swatch or a word, like a brand logo, wood-grain, fabric texture, or pattern. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides the Woo Filter’s Image display style so each attribute value becomes a clickable image from the term image you set.

**Q: What is the best way to set up image-based WooCommerce filters for attributes?**
A: Use a WooCommerce product attribute whose terms already have images assigned, then point WP Search Filters at that taxonomy with Select Attributes. That keeps the filter tied to real product data instead of a separate visual workaround. For this tutorial’s setup, Select Source should be Woo Filter and the display style should be Image, which is the cleanest choice when you want brand or texture visuals instead of text.

**Q: What happens after I switch the Woo Filter display style to Image?**
A: Each attribute value shows up as a clickable image using the image saved on that term. That changes the filter from text-based navigation into visual browsing, which is useful when shoppers recognize a brand logo or texture faster than a label. The Plus Addons for Elementor Pro powers this inside Elementor, so it stays in the editor workflow rather than requiring custom code.

**Q: Where can I find more settings for WP Search Filters after setting up image filters?**
A: The full settings tour is covered in [WP Search Filters Widget Settings Overview](https://theplusaddons.com/docs/wp-search-filters-widget-settings-overview/). If you are specifically working with visual filters, there is also [How to Create WooCommerce Color Swatches Filter in Elementor?](https://theplusaddons.com/docs/create-woocommerce-color-swatches-filter-in-elementor/) as a related doc. Those two references are useful when you want to compare image-based filtering with swatch-based filtering in The Plus Addons for Elementor.