# Page Builder

> Create complex layouts with images, videos, icons, columns and more. Combine multiple page builder sections to develop robust pages.

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

---

**Page Builder** is a Shopify theme section in the Section Star library. Create complex layouts with images, videos, icons, columns and more. Combine multiple page builder sections to develop robust pages.

## About the Page Builder section

**Columns Premium** is a highly customizable section designed to enhance your Shopify store with sophisticated layouts. Utilize this section to curate diverse content, including text, images, videos, and icons, in a grid-like format that adjusts to various screen sizes. The flexibility of Columns Premium enables you to showcase your products, promotions, and brand ethos seamlessly and strategically.

## Live demo

## Use cases

1. **Product Showcases**: Highlight specific products by using a combination of images, videos, and detailed descriptions.
2. **Promotional Banners**: Create eye-catching promotional banners that include countdown timers, special offer tags, and call-to-action buttons.
3. **Customer Reviews and Testimonials**: Display customer reviews with a five-star rating system alongside their testimonies to build trust.
4. **Brand Stories**: Share your brand’s journey through a series of rich texts, images, and videos to engage your audience.
5. **Feature Highlights**: Use icons with text to illustrate the features and benefits of your products or services.

## Settings

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

### Grid Design
Set the design for the grid

| Setting | Type | Default |
| --- | --- | --- |
| Gap Between Columns | Number | 20 |
| Gap Between Content Elements | Number | 20 |
| Vertical Alignment | Select (Center, Top, Bottom) | start |

### Media Design
Set the design for media

| Setting | Type | Default |
| --- | --- | --- |
| Round Borders on Media | Range | 5 |
| Subtle Shadow on Media | Checkbox | On |

### Column block settings

| Setting | Type | Default |
| --- | --- | --- |
| Width | Select (Default, 10%, 20%, 25%, 33%, 40%…) | 1fr |
| Is Sticky? | Checkbox | Off |
| Sticky Offset | Number | 100 |

### Content block settings

| Setting | Type | Default |
| --- | --- | --- |
| Content Tag | Select (Paragraph, Headline 1, Headline 2, Headline 3, Headline 4, Headline 5) | p |
| Alignment | Text alignment | left |
| Content | Inline rich text | Add headlines, text, and more with th… |

### Rich Text block settings

| Setting | Type | Default |
| --- | --- | --- |
| Alignment | Text alignment | left |
| Content | Rich text | <h4><b>Create Amazing Content</b></h4… |

### Image block settings

| Setting | Type | Default |
| --- | --- | --- |
| Image | Image | — |
| Aspect Ratio | Select (Auto, 4:1, 21:9, 16:9, 4:3, 1:1) | auto |
| Make Responsive | Checkbox | On |
| Desktop Image Width (requested from Shopify) | Number | 1100 |
| Mobile Image Width (requested from Shopify) | Number | 600 |
| Call to Action Link | URL | — |

### Video block settings

| Setting | Type | Default |
| --- | --- | --- |
| Hero Video | Video | — |
| Optional Link | URL | — |
| Play Inline | Checkbox | On |
| Autoplay | Checkbox | Off |
| Loop Video | Checkbox | Off |
| Show Video Controls | Checkbox | On |
| Mute Video | Checkbox | Off |

### Button block settings

#### Primary Button
Set content for the primary button

| Setting | Type | Default |
| --- | --- | --- |
| Alignment | Text alignment | left |
| Call to Action | Inline rich text | Shop Now |
| Call to Action Link | URL | — |

#### Secondary Button
Set content for the secondary button

| Setting | Type | Default |
| --- | --- | --- |
| Show Secondary Action? | Checkbox | Off |
| Call to Action | Inline rich text | Secondary Action |
| Call to Action Link | URL | — |

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

| Setting | Type | Default |
| --- | --- | --- |
| Primary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… |
| Secondary Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… |
| Primary Button Text Color | Color | #fff |
| Secondary Button Text Color | Color | #fff |
| Text Size | Range | 15 |
| Padding Top/Bottom | Number | 10 |
| Padding Left/Right | Number | 25 |
| Border Radius | Number | 5 |
| Border Size | Number | 0 |
| Border Color | Color | #111 |
| Subtle Shadow on Button | Checkbox | On |
| Subtle Lift Animation on Link | Checkbox | Off |

### 5 Star block settings

| Setting | Type | Default |
| --- | --- | --- |
| Alignment | Text alignment | left |
| Icon Width | Number | 100 |
| Spacing Between Elements | Number | 20 |
| Gap Between Content Items | Number | 5 |
| Text | Inline rich text | Rated 4.9/5 based on 100+ Testimonials |
| # Stars | Select (5, 4.5) | 5 |
| Icon Color | Color | #111 |

### Icon block settings

| Setting | Type | Default |
| --- | --- | --- |
| Background | Color or gradient | linear-gradient(164deg, #0D8BF4 0%, #… |
| Icon Color | Color | #fff |
| Alignment | Text alignment | left |
| Icon Shape | Select (Square, Rounded, Circle) | circle |
| Icon Padding | Number | 25 |
| Icon Size | Range | 40 |
| Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag |

### Icon with Text block settings

| Setting | Type | Default |
| --- | --- | --- |
| Alignment | Text alignment | left |
| Icon Color | Color | #111 |
| Icon Size | Number | 25 |
| Gap Between Content Items | Number | 5 |
| Element Spacing | Number | 20 |
| Text | Inline rich text | This is sample text to go along with … |
| Icon | Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) | tag |

### Popup Link block settings

| Setting | Type | Default |
| --- | --- | --- |
| Alignment | Text alignment | left |
| Link Text | Inline rich text | Show Pop Up |
| Modal Content | Rich text | <p>This is the content for the popup</p> |

### Image Icon with Text block settings

| Setting | Type | Default |
| --- | --- | --- |
| Image | Image | — |
| Aspect Ratio | Select (Auto, 4:1, 21:9, 16:9, 4:3, 1:1) | auto |
| Image Size | Number | 25 |
| Gap Between Content Items | Number | 20 |
| Text | Inline rich text | This is sample text to go along with … |