Set the Blog setting to the blog whose posts the block displays. The block shows a carousel or grid of blog posts from that source.
Carousel block
Updated last month
The Carousel block displays a carousel or grid of blog posts, with responsive slide widths, an optional desktop grid, and a selectable blog source.
Settings
Configure the block in the theme editor. Some settings appear only when another setting is enabled, as noted below. You can also add a Text block or theme and app blocks inside it.
Setting | Description | Default |
|---|---|---|
Enable color scheme | Turns on the block's color scheme. The Color scheme selector shows only when this is on. | Off |
Color scheme | The color scheme applied to the block. | Scheme 1 |
Blog | The blog whose posts the block shows. | ā |
Posts to show | Number of posts displayed, from 2 to 12. | 6 |
Use grid on desktop | Renders the posts as a grid instead of a carousel on desktop. Turning this on reveals Columns on desktop and Grid gap on desktop. | Off |
Columns on desktop | Number of grid columns, from 1 to 6. Only available when Use grid on desktop is on. | 3 |
Grid gap on desktop | Space between grid columns, in REM, from 0 to 34. Only available when Use grid on desktop is on. | 8 |
Slide width (Mobile) | Width of each slide on mobile, in REM, from 12 to 36. Shown only when Use grid on desktop is off. | 22 |
Slide width (Desktop) | Width of each slide on desktop, in REM, from 16 to 48. Shown only when Use grid on desktop is off. | 36 |
Margin top (Desktop) / (Mobile) | Space above the block, from 0 to 34, on each device. | 0 |
Hide block on desktop / on mobile | Hides the block on the chosen device. | Off |
FAQ
Which blog posts does the Carousel block show?
How many posts can the Carousel block display?
The Posts to show setting accepts 2 to 12 posts, with a default of 6.
How do I show blog posts as a grid instead of a carousel on desktop in Pops?
Turn on Use grid on desktop. This reveals Columns on desktop (1 to 6, default 3) and Grid gap on desktop (0 to 34 REM, default 8).
How do I set the slide width for the Carousel block in Pops?
When Use grid on desktop is off, set Slide width (Mobile) from 12 to 36 REM (default 22) and Slide width (Desktop) from 16 to 48 REM (default 36).
Can I hide the Carousel block on mobile or desktop in Pops?
Yes. Turn on Hide block on desktop or Hide block on mobile to hide the block on the chosen device. Both default to off.
How do I apply a color scheme to the Carousel block?
Turn on Enable color scheme to reveal the Color scheme selector, which defaults to Scheme 1.
Was this helpful?
Was this helpful?