Style and Translations

Making it look like your store

The Style tab controls how the panel looks. The goal is that a customer never notices it came from an app.

You set colours, spacing, corner rounding, borders and the general weight of the panel in a theme, and it applies to everything at once. Individual elements can then override the theme where you want something to stand out, such as making the add to cart button match your store's exact green.

Take your colours from your actual theme rather than from memory. Most Shopify themes expose their palette in the theme editor, and copying the exact values is the difference between "matches" and "nearly matches", which the eye notices even when it cannot say why.

Fonts

You can register your own fonts and use them throughout the panel. If your store has a typeface, using it here matters more than most styling decisions, since type is what people read.

Keep the number small. Each font is something else your customer's browser downloads before the panel looks right.

Theme variants

A theme variant is a whole alternative styling that takes over when a condition is true.

The obvious use is a product where the choice changes the mood, such as a dark finish switching the panel to a dark treatment so the whole page follows the product. The first matching variant wins, so order them from most specific downwards.

Used sparingly this is striking. Used on every option it is exhausting, and it makes the page feel unstable.

Translations

The Translations tab is where you provide the panel's wording in other languages. Control labels, option labels, messages, section headings, button text.

The customer sees whichever language their store view is in, so this follows however you have already set up your Shopify markets.

Two things are worth knowing. Translate the labels, never the values, because values are what the configurator matches against and translating them breaks every rule you have written. And leave numbers and prices alone, since those are formatted for the customer's locale automatically.

If you sell in one language, skip this tab entirely.