Custom section
A free-form section with heading, text and buttons blocks.
The Custom section section on desktop.
For any simple content block that does not fit another section.
How to add it
- In Shopify admin, go to Online Store → Themes and click Customize.
- Open the page from the page picker at the top of the editor.
- In the sidebar, click Add section and choose Custom section.
- Fill in the content, then click Save.
Tips
- Add a background image and a small icon under the content.
Screenshots
The Custom section section on a phone.
Custom section settings in the theme editor.
Settings
| Setting | Options | What it does |
|---|
| Section appearance |
|---|
| Color scheme | Color scheme | |
|---|
| Settings |
|---|
| Background | Image | |
|---|
| Mark under the content | None · Award · Bag · Coffee bean · Book · Building · Coffee cup · Envelope · Globe · Headset · Leaf · Lock · Refresh · Shield check · Star · Truck | A small icon that closes the section. Choose None to hide it. |
|---|
| Icon width | 16–64 px | |
|---|
| Animations |
|---|
Blocks
Click Add block under the section in the sidebar. Drag blocks to change their order.
Heading
| Setting | Options | What it does |
|---|
| Heading | Text (bold, italic, links) | Italicized words switch to the Accent font from Theme settings → Typography. They stay italic and keep the color of the text around them. |
|---|
| Heading size | Small · Medium · Large · Extra large | |
|---|
| Heading level | H1 · H2 · H3 · H4 · H5 · H6 | Adjust for page structure — one H1 per page. Size is controlled separately. |
|---|
Subheading
| Setting | Options | What it does |
|---|
| Subheading | Text (bold, italic, links) | |
|---|
| Subheading size | Small · Medium · Large | |
|---|
| Subheading style | Plain · Pill | |
|---|
Text
| Setting | Options | What it does |
|---|
| Text | Rich text | |
|---|
| Text size | Small · Medium · Large | |
|---|
| Setting | Options | What it does |
|---|
| Button label | Text | |
|---|
| Link | Link | |
|---|
| Button style | Primary · Secondary · Ghost · Link | |
|---|
| Button size | Small · Medium · Large | |
|---|
| Open in a new tab | On / Off | |
|---|
| Second button label | Text | |
|---|
| Link | Link | |
|---|
| Second button style | Primary · Secondary · Ghost · Link | |
|---|
| Second button size | Small · Medium · Large | |
|---|
| Open second button in a new tab | On / Off | |
|---|
It also has the shared Animate on scroll and Section spacing settings.