# Divider

The **Divider** block is used to visually separate sections or blocks of content on your storefront.

<figure><img src="https://2636770384-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsD7BEEDU3B7WiEJlN0F7%2Fuploads%2FEkReCE1PoS1b3E7UosTO%2FUntitled%20image%20(41).png?alt=media&#x26;token=170e463d-f060-4be2-a160-22bac467c3ef" alt="Picture depicting the Divider block of the product pages section"><figcaption></figcaption></figure>

<table><thead><tr><th width="104.017333984375">Settings</th><th width="109.9322509765625" align="center">Type</th><th>Description</th></tr></thead><tbody><tr><td>Show line</td><td align="center"><code>checkbox</code></td><td>Toggles the visibility of the horizontal divider line.</td></tr><tr><td>Bottom</td><td align="center"><code>range</code></td><td>Controls the space below the divider.</td></tr></tbody></table>

## Notes

* When Show line is unchecked, the block functions purely as a spacer.
* Useful for breaking up content-heavy sections or adding visual rhythm to layouts.
* Can be combined with other blocks (e.g., text, images, upsells) to improve overall structure.