# Display chosen variant image after filtering

✨Enhancing your Shopify store by displaying the selected variant's image on collection pages can significantly improve the shopping experience. The **Smart Product Filter & Search** app offers a simple way to enable this feature.

### ‼️**Important! Don’t Miss This:**

📌 **App Layout Requirement:** This feature **only works when the app layout is enabled**.

### ⚡️**1. Enable the Display of Selected Variant Images**

#### **Access the App Settings:**

* From your **Shopify admin**, go to **Apps** → **Smart Product Filter & Search**.

#### **Navigate to Product Grid Settings:**

* In the app's left-hand sidebar, click on **Filters**.
* Select the **Product Grid** tab.

#### **Adjust General Settings:**

* Scroll down to the **General Settings** section.
* Check the box labeled **Display price and image of variants that match the filters**.

<figure><img src="https://2009335375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmtdB4I84W3J8hc91H4S%2Fuploads%2FjwpOlNjpaZvlVSnZyL35%2Fimage.png?alt=media&#x26;token=0e48046d-f1aa-4fd9-b483-f1879b8b5bbb" alt=""><figcaption></figcaption></figure>

### ⚡️**2. Configure Color Swatches Under Products**

#### **Scroll to Swatches Settings:**

* Keep scrolling to find the **Swatches** section at the bottom of the settings page.

#### **Set Up Color Product Options:**

* Define the **Color Product Option** to ensure the correct variant images are displayed.
* ⚠️ *Note:* This feature only works with the **Variant Image/Color Swatch** display type.

#### **Save Your Changes:**

* Click **Save** to apply the new settings.

<figure><img src="https://2009335375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmtdB4I84W3J8hc91H4S%2Fuploads%2FG8ucuaRMOlKBV5S0SJbP%2Fimage.png?alt=media&#x26;token=2cee3bbd-97b1-4bf4-8bb6-6f1330e12d12" alt=""><figcaption></figcaption></figure>

***

By following these steps, your collection pages will dynamically display images corresponding to the selected product variants, giving customers a more interactive shopping experience.

💬 **Need Help?** Contact us at **<contact@globosoftware.net>** – we’re happy to assist! 😊