Getting Started
Any changes you make to the look and feel of your store will happen in the theme editor. You'll access it by navigating to Online Store > Themes and then clicking the purple Customize button in the top right of your screen.
You'll see that the theme editor is divided into two tabs: Sections and Theme settings. We'll cover each detail on the other pages.
1. Sections
The Sections tab contains all of the sections that are available to you in Empire. Essentially, sections are the building blocks of your store, allowing you to assemble pages from customizable, re-orderable components. You can add, remove, and reorder sections, as well as access the customization features for each from the Sections tab.
2. Theme settings
The Theme settings tab lets you make global changes to the look of your store, including colors, typography, and features, as well as checkout page.
3. Pro tips
Most of the time you spend in the theme editor will be on either the Sections or General settings pages. There are, however, a few lesser-known areas and shortcuts that can be super helpful as you're building your store. Here's what you need to know:
a. Theme actions
It in top left hand corner of your screen contains a bunch of handy links.
- View: If you want preview your store in full-screen on new tabs. You need to do is clickView, Then your store will be opened in a new tabs. It will help you see the your store as your customers.
- Edit code: If you're fluent in Liquid (Shopify's templating language) you can kick your customizations up a notch by digging into the theme's code under Edit code. If not, our support team will be more than happy to put you in touch with someone who is.
- Edit languages: Lets you both change the language of your theme and checkout as well as customize the wording that is used throughout your store.
b. Viewport
At the top right of the screen, you'll find three little buttons that let you toggle between previewing your site look on desktop and on mobile and on full-screen. It looks like this:
