Globo is the company specializing in website design and development in Vietnam.
45C, 210 Hoang Quoc Viet Street, HN
Follow Us

Display selected variant image on collection page

You are here:
Estimated reading time: 1 min

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


  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


  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:

Was this article helpful?
Dislike 1
Views: 791