Shape Divider is a Shopify theme section in the Section Star library. A simple section to add a highly customizable shape to divide to any page.
Live demo
Settings
Every setting below appears in the Shopify theme customizer once the section is published.
Shape
Set the shape for the divider
| Setting | Type | Default |
|---|---|---|
| Shape | Select (None, Single Wave, Overlapping Single Wave, Wave, Overlapping Wave, Sharp Wave…) | overlapping-wave |
Colors
Set colors for the section.
| Setting | Type | Default |
|---|---|---|
| Foreground Background | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… |
| Background Background | Color or gradient | linear-gradient(164deg, #111 0%, #111… |
Dimensions
Set the section dimensions in pixels.
| Setting | Type | Default |
|---|---|---|
| Max Width of Section | Number | 1000 |
| Padding Top | Number | 25 |
| Padding Bottom | Number | 25 |
| Padding Left | Number | 10 |
| Padding Right | Number | 10 |
How to add this section to a Shopify store
- Install Section Star from the Shopify App Store.
- Open the app and search the library for “Shape Divider”.
- Click Publish, then choose a name and the theme to publish into.
- Follow the deep link into the Shopify theme customizer.
- Add the section to any page and customize it with the native theme settings.
No code is required, and the section lives in your theme as ordinary Liquid — see the full install guide.