Configuring the display of swatches

After you create swatch images, configure your website to display them.
  1. Sign in to your website as a site editor or tenant administrator.
  2. Navigate to the Product List page.
  3. On the Product List widget, select Options > Configuration.
  4. In the Display Swatches configuration, click True.
    Note: You cannot display both the swatch selector and product icons in the Product List widget. If you select True for this widget configuration, product icons will not be displayed.
  5. Click SAVE.
  6. Navigate to the Product Details page.
  7. In the Display Swatches configuration, click True. This widget configuration controls the display of swatches only. The setting does not affect product icons.
  8. Click SAVE.