# Pebble Grid

> Display products in a fun grid.

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

---

**Pebble Grid** is a Shopify theme section in the Section Star library. Display products in a fun grid.

## Live demo

## Settings

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

### Grid Design
Set the design for the feature grid

| Setting | Type | Default |
| --- | --- | --- |
| Gap Between Columns | Number | 20 |
| Mobile Gap Between Columns | Number | 5 |
| Grid Display | Select (1 Column, 2 Columns, 3 Columns, 4 Columns, 5 Columns, Auto) | 1fr 1fr 1fr 1fr |
| Mobile Display | Select (Scroll, Stacked) | scroll |
| Columns (when stacked) | Select (1 column, 2 columns, 3 columns) | 1fr |
| Mobile Width (when scrolled) | Range | 75 |

### Feature Design
Set the design for the feature section

| Setting | Type | Default |
| --- | --- | --- |
| Feature Text Color | Color | #fff |
| Text Size | Range | 20 |
| Mobile Text Size | Range | 20 |
| Show Text Shadow | Checkbox | On |
| Vertical Alignment | Select (Top, Center, Bottom) | center |
| Spacing between Elements | Number | 10 |
| Horizontal Alignment | Select (Left, Center, Right) | center |
| Text Alignment | Text alignment | center |
| Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… |
| Cover Opacity | Range | 25 |

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

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

### Headline
Set text for the headline

| Setting | Type | Default |
| --- | --- | --- |
| Text Alignment | Text alignment | center |
| Mobile Text Alignment | Text alignment | center |
| Headline | Inline rich text | <b>Check out our Products</b> |
| Text | Inline rich text | Shop our extensive range of amazing p… |
| Spacing between Headline and Features | Number | 15 |

### Feature block settings

| Setting | Type | Default |
| --- | --- | --- |
| Background Image | Image | — |
| Headline | Inline rich text | <b>Feature Headline</b> |
| Call to Action | Inline rich text | Shop Now |
| Call to Action Link | URL | — |

### Collection block settings

| Setting | Type | Default |
| --- | --- | --- |
| Collection | Collection | — |
| Display | Select (Products in Collection, Collection) | products |
| Call to Action | Inline rich text | Shop Now |

### Product block settings

| Setting | Type | Default |
| --- | --- | --- |
| Product | Product | — |
| Call to Action | Inline rich text | Shop Now |