Media Sticky is a Shopify theme section in the Section Star library. Display images and videos in a beautiful, sticky 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 | Number | 20 |
| Columns | Select (50 / 50, 33 / 66, 25 / 75) | 1fr 1fr |
| Mobile Height | Number | 300 |
| Arrow Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… |
| Arrow Color | Color | #111 |
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 |
Design
Set the design for your grid
| Setting | Type | Default |
|---|---|---|
| Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 9:16, Auto) | 4 / 3 |
| Media Aspect Ratio (mobile) | Select (21:9, 16:9, 4:3, 1:1, 9:16, Auto) | 4 / 3 |
| Round Borders on Media | Range | 5 |
| Show Big Play Button | Checkbox | On |
| Subtle Shadow on Media | Checkbox | On |
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… |
| Padding Top/Bottom | Number | 25 |
| Mobile Padding Top/Bottom | Number | 10 |
| Padding Left/Right | Number | 0 |
| Mobile Padding Left/Right | Number | 0 |
| Sticky Offset | Number | 100 |
Image block settings
| Setting | Type | Default |
|---|---|---|
| Image | Image | — |
| Image Size | Number | 800 |
| Mobile Image Size | Number | 800 |
| Optional Link | URL | — |
Video block settings
| Setting | Type | Default |
|---|---|---|
| Hero Video | Video | — |
| Play Inline | Checkbox | On |
| Autoplay | Checkbox | Off |
| Loop Video | Checkbox | Off |
| Show Video Controls | Checkbox | Off |
| Mute Video | Checkbox | Off |
| Optional Link | URL | — |
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 “Media Sticky”.
- 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.