Once you've uploaded your theme, it's time to make it your own. While all of your products, collections, pages, and navigation will be configured in the Shopify admin, any changes you make to the look and feel of your store will happen in the theme editor. Access this tool by navigating to Online Store > Themes and clicking the Customize button paired with the theme.
You'll see that the theme editor is divided into two tabs: Sections and Theme settings.
The Sections tab contains all of the sections that are available to you in Empire. These are the building blocks of your storefront, allowing you to assemble pages from customizable components.
You can add, remove, and reorder sections, as well as access the customization features for each from the Sections tab.
The Theme settings tab contains settings for global changes to your store, including Typography, Color, and more.
Most of the time you spend in the theme editor will be on either the Sections or Theme settings pages, but there are also some additional features to keep in mind.
Read documentation. That's what you're looking at now, and it's only ever a click away if you need a little bit of guidance setting up your menus or slideshow.
Next, Support. If you can't find a fix in the documentation, you can always email our world-class support team. They'll get back to you by the next business day.
At the bottom of the settings sidebar, use the Theme actions menu to access more features.
Preview theme will open a full-size view of your storefront with all the saved content and settings active. This will change to View theme when the theme is published and live.
If you're familiar with Liquid (Shopify's templating language), you can kick your customizations up a notch by accessing the theme files under Edit code.
Check out this blog article on the benefits and risks of customizing theme files: The do's and don'ts of customizing your theme
Edit languages lets you manually translate the language of your theme and checkout, as well as customize the wording that is used throughout your store.
Page selector and device view
Above the right-side preview, there are two features to view and navigate your storefront: Page selector and Device view.
Use the Page selector to open certain pages (e.g. Product page, Contact page, etc.). This will the page in the right-side preview and also present specific settings for that page in the sidebar settings.
Use the Device view controller to display the preview in three different device sizes. This allows you to get a sense of how your store appears in mobile (left), desktop with settings sidebar (center), and full-window desktop (right).
To select the theme style you would like to use in your store, navigate to the Theme settings tab, then scroll all the way to the bottom to the Change theme style button.
Applying and saving a new theme style will overwrite your current style settings, however you will not lose any content from your store. 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.