E1 - Music Player
The Music Player block adds a floating button to your page that plays an audio file when clicked. This button will remain visible as you scroll through the page.
Features
Floating Button: The music player button stays in view as you scroll through your page.
Position Customization: Adjust the position of the button on the page.
Audio File Integration: Link an audio file you’ve uploaded to your Shopify Files.
Volume Control: Set the base volume for the audio playback.
How to Set Up the Music Player
Add the Music Player Block: Navigate to the desired section of your theme editor and add the Music Player block.
Upload Your Audio File:
Go to your Shopify Files section.
Upload the audio file you want to use.
Copy the link to your uploaded file.
Configure the Player:
Paste the audio file link into the Music Player settings.
Adjust the button’s position using the provided options.
Set the base volume for the music.
Test the Music Player:
Save your changes and preview the page.
Scroll through the page to see the floating button.
Click the Music Player button to ensure the audio plays correctly.
💡 Tip: Use audio files in formats like MP3 for better compatibility.
⚠️ Note: Ensure you have the rights to use the audio file to avoid copyright issues.
Last updated