> For the complete documentation index, see [llms.txt](https://docs.globo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.globo.io/filter/display-chosen-variant-image-after-filtering.md).
# 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**.
### ⚡️**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.
***
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 **** – we’re happy to assist! 😊