Skip to main content

[Swatch King] Dashboard Walkthrough

Explore each dashboard page, setting, and configuration option.

Opening Swatch King

In your Shopify admin, go to Apps and click Swatch King. You land on the home page.


The home page

Your starting point, and where you check on the app without changing anything.

Setup guide. A personalized guide to getting swatches live on your store. It has three parts: choose whether to start with Product page swatches or Collection page swatches, Assign styles to product options, then Customize styles. Each completed step is ticked, and the guide shows Done once you have been through it. Full walkthrough in [Swatch King] Getting Started.

You can collapse the guide once you are set up.

Active products. How many of your products currently have Swatch King styles applied, out of your total product count — for example, 22 / 33 total products.

Shopify options. How many distinct option names exist across your catalog — Color, Size, Material and so on. This is the number of rows you will see on the Product page settings and Collection page settings pages.

Current plan. A summary of your subscription. Full detail on the Pricing page.

Need help setting up your app? Opens in-app live chat with our support team. Setup assistance is free — if you would rather we configured it for you, this is the fastest route.


Product page settings

Lists every unique option name in your store and lets you choose how each one appears on your product pages, separately for desktop and mobile.

Option names are case sensitive — if one product uses "Color" and another uses "color", they appear as two separate options and each needs its own style.

This is also where you upload a color or custom image for each option value, and where you can update styles and swatches in bulk using CSV.


Collection page settings

The same, for the product cards shown on collection pages, search results, home page sections and carousels. You can pick a different style from your product page, or choose Do not show to keep an option off your grids entirely.

A color or image you upload on the Product page settings page is shared here — you do not need to upload it twice.


Customize styles

Your style library. Add styles from the built-in template library, rename them, and adjust every part of how they look — selected and unselected states, hover behavior, image handling, labels, tooltips, out-of-stock treatment, badges and sliders.

Styles you build here are what you then assign on the two settings pages above. Your store can hold up to 20 saved styles at a time.


App settings

Global controls that apply across your store:

  • Badge settings — Sale and Sold out badges on swatches, including custom text and colors

  • Size chart settings — connect a supported third-party size chart app and position its link

  • Option selection — require customers to choose an option before adding to cart

  • Page settings — control which pages and sections Swatch King runs on

  • Theme status — check and manage the app embed on each of your themes

  • App language — the language of the dashboard itself


Localization

Translate the text Swatch King adds to your storefront — the Sale badge, the Sold out badge, and the "Select a…" prompt — into any language you have added to your Shopify store.

Your option names and values themselves come from your Shopify product data, so those are translated in Shopify's own translation settings or your translation app, not here.


Pricing

Shows your current plan, what you are charged, and your next billing date. It is also where you unsubscribe if you need to.


A note on product grouping

Showing several separate products — each with its own URL, one per color — as a single swatch row is handled by our dedicated app, SA Variants: Combined Listings, not by Swatch King.

Stores that had grouping switched on in Swatch King before it moved keep access to it and will see a Product groups page in this menu. Every other store manages grouping in SA Variants. If your Product groups page has disappeared — for example after reinstalling — contact us through the chat and we will look at your account.

Swatch King itself styles the variant options that already exist within a single Shopify product.


Need help? Our support team is always here. Hit the chat button and we will get you sorted.

Did this answer your question?