Triptych is a Shopify theme section in the Section Star library. Three images, one unforgettable statement — create a bold editorial triptych that showcases your products in a way that stops the scroll.
About the Triptych section
The Triptych section by Section Star is a versatile layout component designed for Shopify stores. It comprises a grid-based structure with three side-by-side images and a content area. The section is highly customizable, allowing merchants to adjust fonts, colors, spacing, images, and more, to create a visually appealing display that can enhance product presentation or highlight key marketing messages.
Live demo
Use cases
- Product Showcase: Use the Triptych section to feature a new product line, with each image representing a different product variant.
- Customer Testimonials: Display customer photos alongside their testimonials to build trust and credibility.
- Seasonal Promotion: Highlight seasonal promotions or holiday sales with eye-catching images and compelling call-to-action text.
- Brand Story: Share your brand's story with a combination of images and text to create a narrative that resonates with your audience.
Settings
Every setting below appears in the Shopify theme customizer once the section is published.
Grid Design
Setup the display of the grid
| Setting | Type | Default |
|---|---|---|
| Gap Between Columns | Number | 20 |
| Gap between Text Elements | Number | 15 |
Content
Set content for the section
| Setting | Type | Default |
|---|---|---|
| Text Alignment | Text alignment | center |
| Mobile Text Alignment | Text alignment | center |
| Headline | Inline rich text | <b>Sample Headline</b> |
| Content | Rich text | <p>This is sample content for the des… |
| Link Text | Text | Shop More |
| Link | URL | — |
Images
Select the images.
| Setting | Type | Default |
|---|---|---|
| Image 1 | Image | — |
| Image 2 | Image | — |
| Image 3 | Image | — |
| Image Width (size requested from Shopify) | Number | 800 |
| Mobile Image Width (size requested from Shopify) | Number | 600 |
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 |
| Padding Top/Bottom | Number | 10 |
| Padding Left/Right | Number | 25 |
| 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 “Triptych”.
- 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.