1. Documentation /
  2. WooCommerce Product Search /
  3. Settings /
  4. Thumbnails

Thumbnails

Product Thumbnails

↑ Back to top
These settings affect the thumbnails that are displayed along with the results produced by any instance of the live Product Search Field. This includes the automatic replacements of the standard search form, instances of the Product Search Field widget, the [woocommerce_product_search] shortcode and when the field is rendered using the API. Search results are normally presented by showing the product thumbnail along with the product’s title and other information.
The live Product Search Field widget showing thumbnails
The following options related to thumbnails can be set here:
  • Width
  • Height
  • Crop thumbnails
  • Placeholder thumbnails
The thumbnail width and height are the dimensions of the product thumbnails shown in search results produced by this plugins API functions, shortcodes and widgets. The thumbnail images can be cropped to match the dimensions exactly if the option is enabled. Placeholder thumbnails, if enabled, will show a default placeholder thumbnail image for products without a featured product image.

Filter Thumbnails

↑ Back to top
The settings in this section determine the appearance of the thumbnails that are displayed with the live Product Filters. When the display of thumbnails in these filters is enabled, these will be displayed according to the settings for the corresponding type of filter. You will find one section for Product categories and one for Product tags. In addition to these, you will see one section for each product attribute.
Thumbnail images added to the terms of the Color product attribute
 
An example of the live product filter for the Color attribute showing thumbnails