# Triptych

> Three images, one unforgettable statement — create a bold editorial triptych that showcases your products in a way that stops the scroll.

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

---

**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

1. **Product Showcase**: Use the Triptych section to feature a new product line, with each image representing a different product variant.
2. **Customer Testimonials**: Display customer photos alongside their testimonials to build trust and credibility.
3. **Seasonal Promotion**: Highlight seasonal promotions or holiday sales with eye-catching images and compelling call-to-action text.
4. **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 |