Skip to documentation

Global Music Player

Layout, content and available controls for Global Music Player.

Where to find it

This is a template or group section. Open its existing template or group in the theme editor.

Usage notes

NOTE: This is a global music player that is displayed on your whole store. If you wish to only have it on certain pages/play different songs on each page click on Add section > Music Player.

Go to Shopify admin > Content > Files > Upload an mp3 file, copy the link and paste it in the field above.

Editor controls

Conditional controls appear after choosing the relevant source, style or option. Saved values may differ from new defaults.

Display section ID
ID is used in the Sections group section to create anchor links. Toggle on to show a copy button on this section.
Display on
Choose the presentation or source that fits this component.Options: All devices · Desktop only · Mobile only
Enable global music player
Enable or disable this option and preview the result.
Audio source
Choose the destination for this link or button.
Volume
Adjust within the range offered by the theme editor.
Position
Choose the presentation or source that fits this component.Options: Bottom left · Bottom right
Offset X
Not applied when the button is centered
Offset Y
Adjust within the range offered by the theme editor.
Display ripple animation
Enable or disable this option and preview the result.
Color source
Theme colors follow Theme settings > Colors. Other sources apply only to this section.Options: Use theme colors · Choose a color scheme
Color schemeConditional
Choose an available Shopify color scheme.
Custom CSS
Scoped to this section only.

Still need a hand?

Send support your store domain, theme version, error code and what you tried. Keep authentication tokens out of public messages.

Contact Scale support ↗