web_carousel_content Shortcode
The web_carousel_content shortcode defines one cell inside a multi-item web_carousel. The parent carousel can expose several cells in the viewport, so each child should be designed as a repeatable card rather than a full hero slide.
The attributes below match the current Page Builder controls and public output. Use raw syntax only for reviewed content that cannot be maintained through the visual controls.
Allowed parent shortcodes: web_carousel.
Usage
[web_carousel_content]
Content
[/web_carousel_content]Attributes
| Attribute | Default | Accepted values | Purpose |
|---|---|---|---|
title |
— | Plain text | Names the cell in the Page Builder interface and is also stored as its data-title value. |
tab_id |
— | Valid unique HTML ID | Identifies this carousel cell. |
el_class |
— | String unless stated otherwise | Adds one or more custom CSS classes to the outer element. |
Enclosed content
Rows, columns and content components may be nested inside the cell. The renderer removes automatic paragraph wrappers before placing that content in the carousel's cell element.
Apply responsive visibility to the parent or to content within a cell. This child shortcode does not consume a separate device_visibility attribute. Titles and IDs are treated as text, not HTML.
Verification
Add enough cells to exercise the carousel's configured desktop and mobile cell counts. Confirm each tab_id is unique, cells remain in builder order and card content is still usable when adjacent cells are visible.