Summary Carousel Infinite Loop

Description

enable infinite loop when users click right arrow on summary block carousel
view demo – password: abc
buy me a coffee

#1. Install Code

#1.1. Make sure you added Summary Block Carousel

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

#1.3. at Design > Anchor Link > enter word: summary-carousel-infinite

#1.4. Next, use this code to Page Header Injection (page where you use Summary Carousel)

<!-- 09.26c18v1 Summary Carousel Infinite Loop -->
<script>
window.SummaryCarouselInfiniteConfig = {
  sectionSelector: 'section[id*="summary-carousel-infinite"]'
};
</script>
<script src="https://code.beaverhero.com/summaryblockcarousel/0926c18v1summaryinfiniteloop.js"></script>

#2. Customize

#2.1. If you have problem with height of summary in Edit Mode, use this new code instead

<!-- 09.26c18v1 Summary Carousel Infinite Loop v2 -->
<script>
window.SummaryCarouselInfiniteConfig = {
  sectionSelector: 'section[id*="summary-carousel-infinite"]'
};
</script>
<script src="https://code.beaverhero.com/summaryblockcarousel/0926c18v1summaryinfiniteloopv2.js"></script>