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

1. From your Shopify Admin, go to Online Store > Themes

2. Click Customize next to your active Plain Jane theme

3. In the Theme Editor, open the Theme Settings panel (paintbrush icon)

4. 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:

1. Go to Shopify Admin > Content > Files

2. Click Upload Files and select your .mp3 file

3. Once uploaded, click the Link icon next to the file

4. Copy the link URL

5. 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 .mp3 files are compressed to reduce site load time

• Test 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: [e-mail]

• 💻 Live chat with us: Available Monday–Friday, 10AM–6PM EST, directly on our website