Tilt Pair is a Shopify theme section in the Section Star library. Bring your brand to life with dynamic visuals that highlight motion, energy, and style. This fun section is built to grab attention and pull customers into your story at first glance.
Live demo
Settings
Every setting below appears in the Shopify theme customizer once the section is published.
Grid Design
| Setting | Type | Default |
|---|---|---|
| Grid Spacing | Number | 25 |
| Grid Vertical Alignment | Select (Top, Center, Bottom) | center |
Content
| Setting | Type | Default |
|---|---|---|
| First Image | Image | — |
| Second Image | Image | — |
| Image Location | Select (Left, Right) | left |
| Mobile Image Location | Select (Top, Bottom) | top |
| Image Border Radius | Number | 5 |
| Subtle Shadow on Image | Checkbox | On |
| Text Alignment | Text alignment | center |
| Mobile Text Alignment | Text alignment | center |
| Headline | Inline rich text | <b>Sample headline</b> |
| Content | Rich text | <p>Sample content</p> |
| Padding Top/Bottom | Number | 0 |
| Mobile Padding Top/Bottom | Number | 0 |
| Padding Left/Right | Number | 0 |
| Mobile Padding Left/Right | Number | 0 |
Button Style
| Setting | Type | Default |
|---|---|---|
| Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… |
| Button Text Color | Color | #fff |
| Text Size | Range | 15 |
| Padding Top/Bottom | Number | 10 |
| Padding Left/Right | Number | 25 |
| Border Radius | Number | 5 |
| Link Text | Inline rich text | Shop More |
| Link | URL | — |
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 “Tilt Pair”.
- 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.