Display selected variant image on collection page

Our app provides a feature to show up the selected product variant image when customer chooses a variant value. To set up this function, you must follow two steps below.

• Step 1: Configure to show up color swatches under product image. This is a required step.
• Step 2: Set up to display selected variant image.

Note: This feature is available only when App layout is applied.

Displaying color swatches under products

Steps

1. From the app’s dashboard, click Settings under the Filter section.
2. Scroll to the Color Swatch box.
3. In the Product Option: Variant Image field, select a color product option (see screenshot below).
4. Click Save to finish.

Displaying product variant image & price when filtering

Steps

1. In the app’s left navigation, click on the Settings under the Filter section.
2. Go to the Products/Variants section.
3. Tick on the Display price and image of variants that match the filters box.
4. Click Save to finish.

Result in the store-front: