Shopify color merchandising for fashion brands (no app)

In short: Three collection metafields give merchandisers control over how colors appear on a collection, with no app: split_colors shows every color as its own card, featured_colors shows only the colors you choose, and featured_color_products sets the lead color for each product. Every color still links back to the main product.

Ever wanted to show all the colors a product comes in on the collection page, without losing the convenience of variants?

Ever wanted to make an edit highlighting specific colors without changing their order on the PDP?

Ever wanted to hide some colors on a collection page?

These merchandising tools are the most requested feature we get from fashion brands.

How it works: three collection metafields

There is a set of metafields on the backend that allows the merchandiser more granular control of color display on a collection.

Shopify collection page showing three tee products in their default colors — The default collection: one card per product.

split_colors: show every color as its own card

Shopify admin collection metafields with split_colors set to True — One metafield on the collection controls the display.

Shopify collection page showing every color of each tee as its own product card — split_colors: every color gets its own card, straight from the variants.

featured_colors: build a color edit

You can use this to create collections like game day edits, new color drops or holiday shops.

Shopify admin collection metafields with featured_colors set to Navy — featured_colors: Navy — an instant color edit.

Shopify collection page showing only the navy color of each tee — The same collection, showing only navy.

featured_color_products: choose each product’s lead color

You can also use this to just highlight a broader variety of colors straight on the collection page.

Shopify admin collection metafields with featured_color_products listing a color per product — featured_color_products: pick the exact color to lead with, per product.

Shopify collection page with each tee shown in a different chosen color — Each product leads with the color the merchandiser chose.

What your customers see

If you decide to list the colors on each product individually, they will all link back to the main product, so that the customer can switch between colors on the detail page.

Pros and trade-offs

Worth weighing before you roll it out across every collection:

Pros	Trade-offs
No app to install or pay for.	split_colors creates more cards, so collections get longer and need more scrolling.
Works from your existing variants, so there is no duplicate catalog to maintain.	It needs theme code and collection metafields set up once.
Merchandisers control it per collection, without a developer.	Someone has to keep the metafields up to date as colors change.

Try it

You can check out how it works on a quick sample store I made here (password is ruclau).

Frequently asked questions

Do I need an app to show every color on a collection page?

No. It runs on a set of collection metafields plus theme code. Contact us and we will share the Horizon code for free.

Do the colors stay linked to the main product?

Yes. Each color card links back to the main product, so customers can switch between colors on the product page.

What is the difference between split_colors and featured_colors?

split_colors shows every color of every product as its own card. featured_colors shows only the colors you name, such as a navy edit.

What can I use this for?

Game day edits, new color drops, holiday shops, or simply showing a broader range of colors straight on the collection page.

Sources

Spotted something wrong or out of date? Email hello@kirkbyconsulting.com with the details and we will correct it.

Fashion brands: Level up your merchandising on Shopify (no app needed)