Audio Slider

Description

10.26c05v4 Audio Slider

1. Install Code

#1.1. First add Section > Choose Team > Choose Section with auto layout icon

09.26c10v2 Youtube Carousel

#1.2. Hover on top right of section > Click EDIT CONTENT

09.26c10v2 Youtube Carousel

#1.2-2. at Design > Choose Carousel

10.26c05v4 Audio Slider

#1.3. Next, click EDIT SECTION

09.26c10v2 Youtube Carousel

#1.3-2. at Format > Anchor Link > enter word: audio-slider

10.26c05v4 Audio Slider

#1.4. at Elements > Enable these (requires: Items Button. With other elements, you can disable if you want)

09.26c12v21 Tabs Pricing

#1.5. at Content, enter your desired image/text

10.26c05v3 Audio Gallery 3 (1)

#1.5-2. Enter AUDIO URL (or upload audio file) in Button URL

10.26c05v3 Audio Gallery 4 (1)

#1.6. Next, hover on Page where you use List > Click Gear icon > Click Advanced > Paste this code

<!-- 10.26c05v4 Audio Slider -->
<script>
window.wmAudioGallery = {
  circleSize: '48px',
  iconSize: '18px',
  borderWidth: '2px',
  borderColor: '',
  iconColor: ''
};
</script>
<script src="https://code.beaverhero.com/listsimple/1026c05v3audiogallery.js"></script>

10.26c05v4 Audio Slider

#2. Customize

nothing now

Buy me a coffee