Shopify theme editor: a complete tutorial
The Shopify theme editor lets you change your store's design without code. Open it from Online Store, then Themes, then Customise. Choose the page template at the top, add and reorder sections on the left, edit blocks within sections, and set global styles in Theme settings.
By Abdullah Ashraf, Shopify expert · Last updated: October 2026
Quick summary
- Pick a template at the top.
- Sections on the left, settings on the right.
- Global styles live in Theme settings.
Navigating
Switch between templates such as Home page, Products and Collections using the top drop-down.
Sections and blocks
Add sections, drag to reorder, and add blocks within sections for text, images or buttons.
Theme settings
Set colours, typography, layout, social links and more for the whole store.
Preview and publish
Preview on mobile with the device toggle, then save. Work on a duplicate theme for big changes.
Keep reading
Keep exploring
Related pages you might find useful next.
Let's grow your store
Tell me what you sell and where you're stuck. You'll get honest advice and a fixed quote, even if we don't end up working together.