How to split swatches with sections

Want to organize your product colors logically? Our app lets you split color swatches into multiple sections (like Core/Limited colors) while displaying them together on the same product page. This guide shows you how to set this up using group linking.

Step 1: Create product groups

Begin by creating two separate groups, one for each section. For clarity, we recommend naming each group with both product and section names, separated by a slash (e.g., Hoodie / Core).

Step 2: Link you groups together

After creating your groups, select one group and navigate to Advanced > Linked groups. Here, select your second group to connect them. Use the Position field in both groups to specify the display order on your product page.

Step 3: Verify your setup

Once your groups are linked, they will appear together on your product page, organized in the sections you've created. Your customers will see a clean, categorized display of all available color options.

See It In Action

Check out our live demo to see how this feature works: https://colorswatchesapp.com/products/hoodie-3