# Split Parallax

> Create a split text/image parallax view.

URL: https://sectionstar.app/sections/split-parallax/
Source: Section Star — https://sectionstar.app
Updated: 2026-10-26T00:00:21.893Z

---

**Split Parallax** is a Shopify theme section in the Section Star library. Create a split text/image parallax view.

## About the Split Parallax section

The Split Parallax section is a dynamic and visually engaging element designed for Shopify stores. Created using the Section Star app, this section allows merchants to feature captivating imagery and custom content that enhances the shopping experience. Perfect for displaying product highlights, promotional content, or brand stories, the Split Parallax section utilizes a split layout where text and images interact with a parallax effect. This not only draws the viewer’s attention but also provides a modern, aesthetic appeal to any page.

## Live demo

## Use cases

1. **Product Showcase**: Highlight a featured product with images and testimonials. Use the parallax effect to make the product stand out and catch the viewer’s eye.
2. **Promotional Banners**: Create visually striking promos with compelling headlines and call-to-action buttons. Perfect for seasonal sales or special offers.
3. **Brand Storytelling**: Use imagery and rich text to narrate the story of your brand, its values, or the journey behind your products.
4. **Customer Testimonials**: Feature customer reviews, especially those with 5-star ratings, to build trust and credibility.
5. **New Arrivals or Best Sellers Section**: Showcase new arrivals or best-selling items in a visually appealing way to entice customers to explore more.

## Settings

Every setting below appears in the Shopify theme customizer once the section is published.

### Window Design
Set the design of the parallax window

| Setting | Type | Default |
| --- | --- | --- |
| Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… |
| Cover Opacity | Range | 25 |

### Image Design
Set the background image

| Setting | Type | Default |
| --- | --- | --- |
| Image | Image | — |

### Grid Design
Set the design for the grid

| Setting | Type | Default |
| --- | --- | --- |
| Height | Number | 500 |
| Mobile Height | Number | 300 |
| Gap between Columns | Number | 30 |
| Text Location | Select (Left, Right) | right |

### Window
Set settings for your slideshow

| Setting | Type | Default |
| --- | --- | --- |
| Round Borders on Window | Range | 25 |
| Window Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1) | 4 / 3 |

### Headline
Set text for the headline

| Setting | Type | Default |
| --- | --- | --- |
| Show Stars | Checkbox | On |
| Star Color | Color | #111 |
| Text Alignment | Text alignment | center |
| Mobile Text Alignment | Text alignment | center |
| Headline | Inline rich text | Section Star gives you amazing ways t… |
| Text | Inline rich text | Sample Testimonial |
| Rich Text | Rich text | — |
| Link Text | Inline rich text | Shop More |
| Link | URL | — |

### Button Style
Set the look and feel of the button

| Setting | Type | Default |
| --- | --- | --- |
| Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… |
| Button Text Color | Color | #fff |
| Button Text Size | Range | 15 |
| Button Padding Top/Bottom | Number | 10 |
| Button Padding Left/Right | Number | 25 |
| Button Border Radius | Number | 5 |