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
- 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.
- Promotional Banners: Create visually striking promos with compelling headlines and call-to-action buttons. Perfect for seasonal sales or special offers.
- Brand Storytelling: Use imagery and rich text to narrate the story of your brand, its values, or the journey behind your products.
- Customer Testimonials: Feature customer reviews, especially those with 5-star ratings, to build trust and credibility.
- 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 |
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 “Split Parallax”.
- 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.