✅ Step 1: Add Waveform Color Settings #

1. Go to Shopify Admin > Online Store > Themes > Edit Code
2. Open the file:
   sections/featured-product-1.liquid
3. Scroll to around line 1823
4. Press Enter after the last comma in the settings array, and paste the following code:

{
  "type": "color",
  "id": "waveform_color",
  "label": "Waveform Color",
  "default": "#5d17eb"
},
{
  "type": "color",
  "id": "waveform_progress_color",
  "label": "Waveform Progress Color",
  "default": "#000000"
}

5. Click Save

💡 After saving, these two color options will appear in the “Featured Product” section settings when you customize your theme (Online Store > Themes > Customize).

✅ Step 2: Update Audio Preview Player to Use New Colors #

1. Open the file:
   snippets/audio-single-wave-player.liquid
2. Scroll to around line 63
3. Replace the current lines for waveColor and progressColor with:

waveColor: '{{ section.settings.waveform_color }}',
progressColor: '{{ section.settings.waveform_progress_color }}',

4. Click Save

🧠 Need Help? #

If you’re unsure about any of the steps or need help locating the correct file, feel free to reach out:
📧 info@beatifyy.com

Happy customizing!
— Beatifyy Team