Is there a free way to keep music playing throughout the whole website nonstop? It seems to reload every time a different page is clicked on the website with the app I’ve been using. Thanks in advance!
Topic summary
A user seeks a free solution to maintain continuous background music across their Shopify store without interruption when navigating between pages.
Current Challenge:
- Music restarts on every page load due to standard page reloads in classic Shopify themes.
Proposed Solutions:
- Custom Storefront/Headless Theme: One respondent notes classic Shopify themes reload entirely with each page change, suggesting a custom storefront approach as necessary.
- Single-Page Application (SPA) Techniques: Another suggests using JavaScript libraries like Barba.js or Swup.js to enable smooth page transitions without full reloads.
- Third-Party Tool in Development: A developer mentions building a dedicated tool for cross-page music streaming and offers to add the user to a waitlist.
Status: The discussion remains open with multiple technical approaches suggested but no confirmed implementation yet.
Hi @aq8
With a classic Shopify theme, I don’t think this is possible.
Changing the page reloads the whole site, including all the scripts, including the music player.
To do this, you will need a custom storefront theme (it’s not a “classic” Shopify).
Sorry,
Clément.
@aq8 Yes! We are building a tool that that will allow you to play music across pages in a store, and I’m happy to keep you posted if you want me to add you to our waitlist for this? I am also curious to know what’s your motivation to streaming music on site?
To keep music playing nonstop, your site needs to avoid full page reloads. Use a single-page application (SPA) or tools like Barba.js or Swup.js for smooth page transitions. Let me know your platform and I can suggest a free method that fits.