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 [email protected] – we’re happy to assist! 😊