Add colour swatches to Shopify products

Add colour swatches to Shopify products

Regular price
Sale price
Regular price
Sold out
Unit price


We provide functionality with:

  • Display product variants in the form of swatches.
  • Display swatches on the homepage, collection page, product page and in the search results.
  • Mobile responsive.

Estimated hours: 3 hours


  • This functionality turns the colour variant dropdown into visually appealing image swatches. When the purchasers click on a colour variant, the system will display the appropriate product picture.
  • On Collection page: It allows shoppers to choose among the various colour value of a product on the collection page without the need of reloading the page or opening a new tab.
  • On Product Detail page: It helps shoppers know the stock status of each variant and easily make their purchasing decision.