Each theme includes a selection of style presets to get your customizations started. The theme styles provide curated sets of fonts, colors, and more.
Select a theme style in the theme settings
To select the theme style to use in your store, open Theme settings, then click the Change theme style button. Here you can preview the theme styles and select the one that suits your brand.
Applying and saving a new theme style will overwrite your current style settings, however, you will not lose any content from your store. That being said, it's always a good idea to make a backup copy of your theme before you start making customizations. Use the duplicate copy as your working version until you're ready to publish it.
Atlantic's theme styles
Atlantic includes four theme styles.
Check out our store demos to see the Light, Modern, Organic, and Chic theme styles in action.
Editions' theme styles
Editions includes three theme styles.
Check out our store demos to see the Light, Spring, and Modern theme styles in action.
Empire's theme styles
Empire includes three theme styles.
Check out our store demos to see the Industrial, Graphic, and Supply theme styles in action.
Grid's theme styles
Grid includes four theme styles.
Check out our store demos to see the Bright, Moody, Warm, and Light theme styles in action.
Handy's theme styles
Handy includes three theme styles.
Check out our store demos to see the Light, Cool, and Bold theme styles in action.
Launch's theme styles
Launch includes three theme styles.
Check out our store demos to see the Bold, Fresh, and Cool theme styles in action.
Pacific's theme styles
Pacific includes four theme styles.
Check out our store demos to see the Cool, Bold, Bright, and Warm theme styles in action.
Reach's theme styles
Reach includes three theme styles.
Check out our store demos to see the Playful, Solid, and Plush theme styles in action.
Startup's theme styles
Startup includes four theme styles.
Check out our store demos to see the Home, Tech, Travel, and Cloth theme styles in action.
Superstore's theme styles
Superstore includes five theme styles.
Check out our store demos to see the Fashion, Tech, Interior, Agency, and Beauty theme styles in action.
Starting with the full styling of the preset
Switching the theme style in the theme editor will only apply a limited amount of styling changes to the preset. Consider making the following theme file adjustment to take advantage of the full theme style.
Step one: Upload the theme zip
Upload the theme's unopened zip file to your Online Store. Once this has been uploaded, go directly to Actions > Edit code (do not open the theme editor).
Step 2: Edit the settings data file
Open the Config folder, then the settings_data.json file
At the top, there should be this line:
“current”: “Fashion”,
Change “Fashion” to any of the other preset names:
- Fashion
- Tech
- Interior
- Beauty
Double-check to make sure the quotations and commas still match the original layout. The only change should be the word Fashion.
Step 3: Save then open the theme editor
Save the file and open the theme in the editor to confirm the desired theme style has been applied.
Didn't work?
If you instead see “current:" and a bunch of code (no theme style name), scroll down to the "presets:" line.
Select all the code up until this line, then delete that code.
Add one of these codes to the beginning of the file to replace the deleted code:
For Beauty
{
"current": "Beauty",
For Agency
{
"current": "Agency",
For Interior
{
"current": "Interior",
Then Save.
Vogue's theme styles
Vogue includes three theme styles. Check out our store demos to see the Elegant, Editorial, and Organic theme styles in action.