Hank PhamHank’s CornerMy little corner of the web
All projects
PersonalShopify2026

Swatchbox: Combined Listings

One product page for every colour.

My third Solora app: colour swatches that link separate products together as one listing, on the product page and in collection grids, with per-variant image galleries. Built on Shopnix, the Next.js foundation I reuse across my own apps. Currently in development.

Screens

Swatches on the product page
Swatches on the product page
Grouping products into one listing
Grouping products into one listing
Swatches in collection grids
Swatches in collection grids
Images per variant
Images per variant

Highlights

  • Separate products for each colour, presented to the shopper as one product with swatches.
  • Swatches render both on the product page and on collection cards, from a theme app extension.
  • Variant image galleries, so switching a swatch also switches the photos.

Stack

Next.jsTypeScriptPrismaLiquidPolaris
Next project

MP Product Quiz

Product-recommendation quizzes for Shopify stores.