Reel Autoscroll – @tuanphan

Description

enable autoscroll/autoplay on reel slideshow gallery
view demo – password: abc
buy me a coffee

#1. Install Code

#1.1. Hover on top right of Reel > Click EDIT SECTION

#1.2. at Gallery > Anchor Link, enter word: reel-autoscroll

#1.3. Hover on Page where you use Reel > Click Gear icon

#1.4. Click Advanced > Paste this code

If you use Personal/Basic Plan and it doesn’t support Injection, you can follow code #3.1

<!-- 08.26c24v2 Reel Autoscroll -->
<script>
window.ReelAutoscrollOptions = {
  sectionSelector: '#reel-autoscroll',
  enabled: true,
  disableInEditMode: false,
  intervalSeconds: 3
};
</script>
<script src="https://code.beaverhero.com/reel/0826c24v2reelautoscroll.js"></script>

#1.5. Remember to update number in line 07

3 = 3 seconds

intervalSeconds: 3

#2. Customize

#2.1. If you have problem when edit Reel in Edit Mode, you can change Line 06

disableInEditMode: false,

disableInEditMode: true,

#3. Other

#3.1. If you use Personal/Basic Plan and your plan doesn’t support injection, you can edit current page (page where you use Reel) > Add a Markdown Block.

Add this code into Markdown Block

<script>
window.ReelAutoscrollOptions = {
  sectionSelector: '#reel-autoscroll',
  enabled: true,
  disableInEditMode: false,
  intervalSeconds: 3
};
</script>
<script src="https://code.beaverhero.com/reel/0826c24v2reelautoscroll.js"></script>