The theme editor: 1 the sections on this page · 2 the page selector · 3 the preview · 4 Save
Open the theme editor
Go to Online Store → Themes and click Customize next to Gloaming.The parts of the editor
- Page selector (top of the screen): choose which page you are editing, such as Home page, Products, Collections, Pages, Blogs or Cart. Each page type has its own template, and pages and blogs can have several (for example page.about or blog.events).
- Sidebar (left): the sections on that page, in order. Three section groups appear on every page:
- Header group: the Announcement bar and the Header;
- Footer group: the Footer;
- Overlays: the Spin wheel and the Age check, both hidden and turned off on install.
- Preview (middle): your store as customers see it. Click anything in the preview to jump to its settings.
- Settings panel: the settings of whatever you selected. They open in the sidebar, under the list of sections.
Sections and blocks
- Add a section: click Add section in the sidebar where you want it, and pick one from the list.
- Add a block: many sections hold repeatable items, called blocks, such as films, slides, hotspots or questions. Expand the section and click Add block.
- Reorder: drag the handle beside a section or block.
- Hide or remove: click the eye icon to hide it without losing its settings, or open it and click Remove section / Remove block.
- Color scheme: most sections have a Color scheme setting. Gloaming ships six schemes; see Colors.
1 Add section opens 2 the list of sections you can add, with a preview of each
Theme settings
Click the gear icon (Theme settings) at the top of the left sidebar to change things that apply everywhere: logo and favicon, colors, typography, layout, product cards, cart, search and social media.
1 Theme settings (the gear icon) · 2 the settings groups that apply to the whole store