Click Customize beside your theme in the Online Store to open the theme editor. Use this interface to add sections to templates, configure settings, and preview your changes for your storefront.
Open the Theme Editor
Go to the Themes portion of Online Store to locate your theme, then click Customize button to open the theme editor.
Open the More menu by clicking the button with three dots [···] above the left sidebar.
The theme's version is listed when you first open the More [···] menu.
e.g. Flex 2.2.1
For direct theme file modifications, select Edit code from the More [···] menu.
Access the language editor by selecting Edit languages Use this editor to change the language of your theme and checkout, as well as customize the terminology that is used throughout your store.
View or Preview Theme
View theme will open a new tab or window to see how the saved content will display from the customer's point of view. This will be called Preview theme if the theme is still in the draft stage.
If your theme is hidden by a password page or unpublished, use the Share preview feature to generate a unique link to share with staff, clients, etc.
Click Get support to connect with our support team.
Use the Page Selector
Each template has its own settings. To open a template, use the page selector dropdown (set to Home page by default).
Use the Search online store field to quickly search for a particular template.
In the top-right corner, there are some buttons for applying and previewing changes.
Above the right-side preview, you can change the device view. Use this to get a sense of how your store appears in mobile, desktop with settings sidebar, and full-window desktop.
Undo and Redo
The two buttons with circular arrows represent undo (left) and redo (right). Use these to correct any adjustments made in the theme editor.
Publish your theme without leaving the theme editor by selecting Publish. This will only appear for Draft themes.
The Save button applies your customizations to the theme. Save your theme to view the latest changes in the preview or live storefront.
Formerly known as the Sections tab, the left sidebar is your control center for adding sections. Sections are stackable, dynamic features to customize the storefront. These are the building blocks of your store and provide a wide variety of features, layouts, and more.
Add, remove, and reorder sections from the left sidebar. Each section has customizable features and settings accessed by opening the section in the left sidebar.
Use the Theme settings to make global changes to various aspects of your theme, such as colors, typography, and layout.
Access the Theme settings by clicking the labeled button at the bottom of the left sidebar.