Theme editor basics
Add, move and hide sections, and find the settings that change the whole store.
Everything in Rouge is set from the Shopify theme editor. Open it from Online Store › Themes › Customize.
Sections and blocks
The left column lists the sections on the page you are editing. Each section can hold blocks, for example the slides in the hero or the questions in the shade quiz.
- Add a section with Add section at the end of the list.
- Move a section by dragging the handle next to its name.
- Hide a section with the eye icon. It keeps its settings, so you can bring it back later.
Theme settings
The brush icon opens Theme settings. These apply to every page at once:
- Colours sets the six colour schemes that sections pick from.
- Typography sets the heading and body fonts, sizes and letter spacing.
- Product cards sets how every product card looks, wherever it appears.
Change these first. Most sections then look right without touching their own settings.
Preview on a phone
Use the phone icon at the top of the editor. Rouge changes layout below 750 pixels wide: sliders become swipeable, the quiz goes full screen and the bundle tray moves to the bottom.