Audio Preview

Description

10.26c16v8 Audio Preview

#1. Install Code

#1.1. Click Gear icon on Store Page

07.26c05v1 Variant Description

Next, click Advanced > Page Header Code Injection

07.26c05v1 Variant Description

#1.2. Add this code to right box

<!-- 10.26c16v8 Audio Preview -->
<script>
window.AudioPreviewConfig = {
  selector: '.product-description a, .sqs-html-content a',
  label: 'Audio Preview',
  showTime: true,
  barWidth: '160px',
  iconSize: '32px',
  color: ''
};
</script>
<script src="https://code.beaverhero.com/productdetail/1026c16v8audiopreview.js"></script>

10.26c16v8 Audio Preview

#1.3. Next, edit a Product > at Description > Enter text AUDIO + Enter Audio URL (or upload audio mp3 file)

10.26c16v8 Audio Preview

 

Buy me a coffee