Admin Theme Page
Overview Theme page
Shopify admin, go to
Online Store > Themes. Here is area that you can control the theme style.
Theme page have 2 areas:
Live theme: display the Publish Theme.
Theme Library: listing all draft themes. New theme install will appear here.
In each theme, we will have these functions:
Customize (Theme Editor)
It's the Theme editor. The theme editor includes a theme preview and a toolbar that you can use to add and remove content, and to make changes to your settings.
A new UI for the Customize - Theme Editor (updated July 2021), there is 2 important area:
Sectionslisting is where you can control all sections of viewing page , as well as add and move content. Changes made here will only impact the particular section being worked on. More detail here.
Theme settingstab is where you’ll be able to make global changes to your store or sections, including text and background color changes, typography selection, and more.
View front-end display
For the Publish Theme, you can click to the text in the top left of the Page.
Actions button > View
Rename theme package
The function use to change the theme package name.
Actions button > Rename
Duplicate theme package
The function use to duplicate the theme package. This function is helful when you need backup the theme package.
Actions button > Duplicate
Download theme file
The function use to download the theme package.
- Click to
Actions button > Download theme file
The package download will sent to the Owner email of the Shop.
Go to email box, open mail and click to
The function use to edit the theme source. To do here, you need coding experience such as using SCSS, liquid, JS,...
Actions button > Edit code
The theme package will only include English as main language. To translate the site to other language, you need
Translate Editor function.
Actions button > Edit languages
Change theme languageto add new Language field.
Change theme languagepopup, select the Language then
Input the text translate and