Divider is a Shopify theme section in the Section Star library. A simple section to add a highly customizable divider to any page. Simple, useful, free.
About the Divider section
The "Divider" section for Shopify, designed using the Section Star app, offers a customizable horizontal divider to enhance the design and structure of your store's content. This section allows you to add a visually appealing break between different parts of your page, helping you to better organize and highlight key information. With various settings for color, size, and padding, you can tailor the section to fit seamlessly into your store's overall aesthetic.
Live demo
Use cases
- Separation of Content: Use the Divider section to create a clear distinction between different content areas on your homepage, such as separating featured products from testimonials.
- Highlight New Collections: Place a Divider section above or below new collection announcements to draw attention and create visual interest.
- Breaking Up Long Pages: For stores with long content pages, such as detailed blogs or extensive product descriptions, the Divider can be used to create manageable sections, improving readability.
- Promotional Banners: Incorporate the Divider section above or below promotional banners to enhance visibility and create a more polished look.
- Style Enhancements: Use the customizable options to match the Divider section with your store’s branding, ensuring a cohesive design throughout your site.
Settings
Every setting below appears in the Shopify theme customizer once the section is published.
Colors
Set colors for the section.
| Setting | Type | Default |
|---|---|---|
| Background | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… |
| Divider Color | Color or gradient | linear-gradient(164deg, #ccc 0%, #ccc… |
Dimensions
Set the section dimensions in pixels.
| Setting | Type | Default |
|---|---|---|
| Max Width of Section | Number | 1000 |
| Divider Height | Range | 5 |
| Divider Width | Range | 25 |
| Divider Border Radius | Range | 3 |
| 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 “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.