audio_playlist Shortcode
The audio_playlist shortcode renders the audio playlist component.
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 child shortcodes: audio_item.
Usage
[audio_playlist]
Content
[/audio_playlist]Attributes
| Attribute | Default | Accepted values | Purpose |
|---|---|---|---|
color_scheme |
— | dark |
Select default color scheme for the player. |
enable_bottom_controls |
yes |
yes |
If checked, player controls will appear sticked in the footer. |
hide_playlist |
— | yes |
If checked, playlist will be hidden and only playable with the footer controls. Available when enable_bottom_controls is yes. |
autoplay_playlist |
— | yes |
If checked, playlist will start playing automatically on page load. Available when enable_bottom_controls is yes. |
autohide_playlist |
— | yes |
If checked, playlist will hide automatically and get visible on mouse hover. Available when enable_bottom_controls is yes. |
device_visibility |
— | String unless stated otherwise | Applies the selected responsive visibility rule. |
el_id |
— | Valid unique HTML ID | Enter element ID (Note: make sure it is unique and valid according to w3c specification). |
el_class |
— | String unless stated otherwise | If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file. |
Enclosed content
Content between the opening and closing tags is processed as WordPress shortcode content. Keep the parent/child structure shown by the visual builder so nested components receive the context they expect.
Customize the stylesheet
Administrators can replace the complete audio playlist stylesheet under Settings → POM Theme → Advanced → Custom CSS → Shortcode CSS assets → Audio playlist. Saving publishes an optimized per-site copy but does not add the stylesheet to pages that do not contain the shortcode. Reverting returns the existing web-audio-playlist handle to the current audio-playlist.min.css supplied by the theme. Playlist items, playback state, fixed controls, and the existing web_audio_playlist script remain unchanged.
The player restores its saved track position when that track still exists. If the current playlist has fewer tracks, it selects the last available track instead of leaving the player unavailable.
Verification
Populate audio_playlist with audio_item and confirm every child remains reachable in the intended order. Pay particular attention to color_scheme and enable_bottom_controls.