Installing Theme Presets

Our themes ship with several presets — ready-made layout and style combinations built on top of the main theme. Each preset lives in its own folder inside a single ZIP file, and installing one is a matter of copying a handful of JSON files into your theme code.

This article covers the ZIP structure, what each file does, and the exact steps to apply a preset in Shopify admin.

To get the preset archive for your theme, please contact our support team. Let us know which theme you’re using, and our team will provide you with the appropriate preset archive.

Preset ZIP structure

The delivered archive contains one folder per preset:

[theme-name]-presets.zip
├── preset-1/
├── preset-2/
├── preset-3/
├── preset-4/
└── preset-5/

[theme-name] is the name of your specific theme (e.g. madrid-presets.zip, barcelona-presets.zip).

Each preset folder only contains the files that differ from the main theme — not a full copy of the theme. Inside a preset folder you'll typically find:

preset-1/
├── sections/*.json
└── templates/*.json

• sections/*.json — layout and settings overrides for specific sections (e.g. header-group.json, footer-group.json).
• templates/*.json — the section order and settings for a specific page template (e.g. index.json, product.json).

Because only the differing files are included, a preset folder may contain anywhere from one file up to several, depending on how much it changes from the default layout.

Choose a preset

1. Download and unzip the [theme-name]-presets.zip file on your computer.
2. Open the unzipped folder and browse the available presets (preset-1, preset-2, etc.).
3. Open each preset's templates/index.json file in a text editor, or refer to the preset previews provided with your purchase, to identify which layout you want to install.

Apply the preset to your theme

Preset files are applied by replacing the content of the matching file in your theme with the content from the preset file. No files need to be uploaded or renamed — you're only editing existing files.

1. From your Shopify admin, go to Online Store → Themes.
2. Find the theme you want to update, click the ⋮ (actions) menu, and select Edit code.
3. In the preset folder on your computer, open the first file you want to apply (e.g. sections/header-group.json) in a text editor and copy its entire contents.
4. In the theme code editor, use the file search to find the file with the same name and path (e.g. Sections → header-group.json).
5. Select all existing content in that file and paste in the content you copied from the preset file.
6. Click Save.
7. Repeat steps 3–6 for every file included in the preset folder.

Example

To apply sections/header-group.json from preset-1:

[theme-name]-presets/preset-1/sections/header-group.json in the ZIP corresponds to Edit code → Sections → header-group.json in your theme.

1. Open Edit code.
2. Go to Sections → header-group.json.
3. Replace its content with the content from the preset file.
4. Click Save.

Preview your changes

Once all files from the preset have been applied, click Preview in the theme editor to confirm the new layout is showing correctly. If you duplicated your theme earlier, you can safely preview and adjust before publishing it as your live theme.

Troubleshooting