Globo is the company specializing in website design and development in Vietnam.
18 Khuc Thua Du Street, HN
[email protected]
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 top navigation, click on Settings under the Filter dropdown.
  2. Go to the Product Items tab.
  3. Scroll down to the General Settings section.
  4. Tick on the Display price and image of variants that match the filters box.
  5. Scroll down to the Swatch section (at the end of this setting page).
  6. Set a color product option. Note: This function only works with Variant Image/Color swatch display type
  7. Click Save to finish.

Result in the store-front:

If you have any questions or concerns, please don’t hesitate to reach out at [email protected]. We are willing to help you with all sincerity.

Was this article helpful?
Dislike 6
Views: 3280