Music Player Settings
For Plain Jane, and Plain Jane Interactive
What You’ll Learn
How to enable and customize the music player
How to upload and link your own audio files
How to use optional disk art, hover bars, and song list styles
📂 Access Music Player Settings
From your Shopify Admin, go to Online Store > Themes
Click Customize next to your active Plain Jane theme
In the Theme Editor, open the Theme Settings panel (paintbrush icon)
Select Music Player from the menu
🎧 Enable the Music Player
Toggle Show Music Player to enable it on desktop
Optional: Enable Show Music Player on Mobile
You can choose to display a rotating disc image by enabling Show Disk
Upload a custom Disk Cover Image to personalize your music UI
Customize the Music Player Button Color
🎶 Upload Your Tracks
⚠️ Streaming services are not supported
You must use a direct .mp3 file link — Spotify, Apple Music, SoundCloud, and other streaming URLs will not work.
To upload a song:
Go to Shopify Admin > Content > Files
Click Upload Files and select your
.mp3fileOnce uploaded, click the Link icon next to the file
Copy the link URL
Paste it into any Music URL field in Theme Settings
🔹 You can upload up to 6 songs using the Music URL 1–6 fields 🔹 Use the Track Name fields to label each song (e.g. artist - title)
🔊 Song Bar Options
Enable the Song Bar to show the current track name on hover
Use Center Song Bar to center the label under the player
Always Show Song Bar keeps the track visible at all times
Customize your song bar:
Song Bar Text Color
Sound Bar Color (gradient or solid)
Font Size for track display
💲 Additional Options
Add a track to Password Animation Unlock Music to autoplay music when the password screen animation ends
You must enable "Password Enter Animation" in the Timer section on your Password page for this to take effect
🔊 Tips
Use short track names to avoid UI overflow
Make sure your
.mp3files are compressed to reduce site load timeTest playback across devices
📢 Music will only play once the user interacts with the page due to browser auto-play rules
Need Help?
💬 Join our community on Discord: https://discord.gg/hcc2GvgZc6
📧 Email us at: support@openspaces.design
💻 Live chat with us: Available Monday–Friday, 10AM–6PM EST, directly on our website
Last updated