Migrate your theme
Last updated
Was this helpful?
Last updated
Was this helpful?
Moving from one theme to another might feel like starting from scratch, but it doesn't have to! Here's a few things to know about migrating to a new theme.
If you have any questions about setting up features in Spark, please .
Content and settings that were set up in the theme editor cannot be transferred automatically. You will need to set up sections for each template and apply new theme settings. Below, we'll cover how you can approach setting up your theme to make it faster and more efficient.
Any content and settings added in the Shopify admin will remain unchanged.
To get started, open the editor for both the old and new theme.
To make setting up your theme easier, start by just adding sections and content (text, images, and video). That way, you'll have the essentials before focusing on settings and stylistic details.
We recommend following the order below to set up your theme:
Set up each section and copy over any text, images, and videos. Start with the home page, then set up other templates, including products, collections, and pages.
Apply global styles and options to your theme, including fonts and colors.
Return to your new sections and customize their individual settings and styles.
We recommend hiding sections instead of deleting them. Not only will this be faster but you can avoid making mistakes that you can't undo.
With your two windows side-by-side, select and copy text from your previous theme and paste theme into the corresponding fields.
Any images that you've uploaded to your old theme will still be in your Shopify files. Click (+) Add image, you can find them all in the media library.
After adding your content, you can apply global styles, such as colors and fonts, then follow up by fine-tuning styles for individual sections.
Go to Theme settings in your theme editors. You can select a preset theme style, or set up your own custom branding, including colors and fonts.
Our support cannot cover app integration or fixing issues arising from apps. Please contact the app developer for help.
When setting up your theme, make a duplicate copy as a backup to test any custom code changes.
If your previous theme has code customizations, they need to be manually transferred to the new theme. Custom code is often theme-specific and may not work by pasting code as-is.
Add and rearrange the section you want to use. You can see a full list of Spark's .
You will also find additional settings for products, the cart, and more. You can find a full overview in the .
Fonts All themes support Shopify's native font library. Available font settings for types of content will vary between themes. If you're looking for more, check out our guide on .
Swatches If you had swatches set up in your previous theme, add the option names you were using for swatches and chips. Any custom swatch images will still be in your Shopify files. You can also add custom colors or use variant images ().
After customizing the theme settings, go back to your updated page templates to customize your sections. You can find a full list and set up instructions in the .
You may need to re-add apps and app blocks in the theme editor. Be sure to explore to see if Spark already has built in what you're looking for.
Our support cannot cover custom code or issues arising from customizations. If you need help from a developer, we recommend reaching out to or .
Use Custom CSS If you're familiar with adding code, you can in the theme editor. It's more stable and you don't need to manually transfer it for theme updates.
Check out the sidebar or use the search to find features that are unique to Spark. You may want to start with , , , and .
You can also check out Spark's store demos for inspiration: | |
Open both theme editors
Open your old and new theme in two separate windows side-by-side.
Use preview inspector
Enable the inspector to easily select, edit, and add sections. You can also move, duplicate, and hide sections. .