Home
How to install a section
Search limit to:
How to install a section
by Admin on Jul 12, 2024Step 1:
Enable OT: Theme Sections app in your theme.

Step 2:
In the App admin, click on Sections.
Step 3:
Browse, search, or use a filter to find your desired sections.

On each section card, you can see:
- Category: The type of that section. (For example: Collection showcase, Banner, etc.)
- Tags: Elements included in that section. (For example: Image, text, button, etc.)
Want to “investigate” further before deciding whether to choose that section or not? You can:
-
Quick view: Click the
button to view more detailed information about that section briefly.
-
View demo store: Click the
button to see how that section looks in your Theme Editor before adding it to your current theme. (Don’t forget to embed the app)
Step 4:
Found your favorite section?
- Click on it to see more details.
- Click "Install to theme" to add it to your Theme Editor.
For quick installation, just click the button.

Step 5:
Choose the theme you want to add the new section to > click Install to theme.

Now the new section is added to your Theme Editor!
🔥 Pro Tip: Experiment freely by duplicating your live theme before adding or editing sections. Publish when done! |
- Choosing a selection results in a full page refresh.
- Opens in a new window.