Custom section
An empty section you fill with any of the theme's shared blocks, for layouts no ready-made section covers.
At a glance: Add it to any page with Add section.
Good for
- A layout no ready-made section covers, built from the theme's blocks
- Adding a code snippet from an app or a third-party service
- A simple full-width background image with a few blocks on top
How to add the section
- From your Shopify admin, go to Online Store → Themes and click Customize on Sublime.
- Open the page you want to edit from the dropdown at the top of the editor.
- In the left sidebar, click Add section.
- Search for Custom section and select it.
- Drag it into position, adjust the settings below, and click Save.
Section settings
| Background | Image shown behind the section content.
1920 x 1080px .jpg recommended. |
| Liquid | Add app snippets or other Liquid code to create advanced customizations. |
Tips
- Try a ready-made section first. They include spacing, color scheme and mobile settings this one doesn't have.
- Paste embed codes into Liquid for widgets that give you HTML or a script to copy.
- Preview on mobile after adding blocks, since there are no separate mobile controls.
Troubleshooting
My Liquid code breaks the page
Code in Liquid runs as-is on your storefront. Remove it to restore the page, then check the code with whoever supplied it.
Where does the Liquid code appear?
Below any blocks you've added to the section.