> ## Documentation Index
> Fetch the complete documentation index at: https://docs.zaidkayed.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Images

> Find products missing images.

## General

Images are essential in online shopping, the ambiguity is greatly decreased once a visual representation is presented.

<Columns cols={2}>
  <img style={{ borderRadius: "1.15rem" }} src="https://mintcdn.com/commercestack/H8mvViQW55pXwpdr/images/image-filter.png?fit=max&auto=format&n=H8mvViQW55pXwpdr&q=85&s=7c9d69b437ef80776a83bbad1fdca394" width="400" height="204" data-path="images/image-filter.png" />
</Columns>

This filter focuses on ensuring your products have images, you could be more strict and ensure every single variant has an image.

## No Image

Looks for products with no image set to the product at all.

## No Image on Any Variant

Looks for products with any single variant without an image, if any variant doesn't have an image it will be included in the filtering.

## Example

Filtering by `No image on any variant` to find products without an image on a variant.

<img style={{ borderRadius: "0.4rem" }} src="https://mintcdn.com/commercestack/H8mvViQW55pXwpdr/images/image-filter-result.png?fit=max&auto=format&n=H8mvViQW55pXwpdr&q=85&s=6f6fbf3bacd7f970db18a97773bea5a2" width="2784" height="860" data-path="images/image-filter-result.png" />

Here is the result of using the filter, if we look into the product `The Complete Snowboard` in the Shopify admin and store.

<Columns cols={2}>
  <div>
    <img style={{ borderRadius: "0.4rem" }} src="https://mintcdn.com/commercestack/H8mvViQW55pXwpdr/images/image-product.png?fit=max&auto=format&n=H8mvViQW55pXwpdr&q=85&s=cd3cc9eacc8a6105ed1ac9de6d30bf08" width="3360" height="1734" data-path="images/image-product.png" />

    <div>
      ### Store

      In the store the product only has one image, going through the variants shows the same image.

      ### Admin

      Only one image assigned, the variants don't have any single image.
    </div>
  </div>

  <img style={{ borderRadius: "0.4rem" }} src="https://mintcdn.com/commercestack/H8mvViQW55pXwpdr/images/image-product-page.png?fit=max&auto=format&n=H8mvViQW55pXwpdr&q=85&s=cf75b5029b4bbf11ed3889d21629ac59" width="635" height="1380" data-path="images/image-product-page.png" />
</Columns>
