List Carousel: Move two items on click

Description

• move two items on click instead of 1 in List Carousel
• view demo – password: abc
• buy me a coffee

#1. Install Code

#1.1. Make sure you use List Carousel

#1.2. Make sure you enable Arrows

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

#1.4. Click Advanced > Paste this code

• If you use Personal/Basic Plan and your plan doesn’t support Injection, see #3.1

<!-- 07.26c23v6 List Carousel: Move two items on click -->
<script>
window.ListCarouselStepConfig = {
  itemsPerClick: 2,
  clickDelay: 40,
  verifyGrace: 350,
  overrides: [],
  debug: true
};
</script>
<script src="https://code.beaverhero.com/list/0726c23v6carouseltwoitemsclick.js"></script>

#2. Customize

#2.1. Some options you can change if you want

itemsPerClick: 2,

#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 Carousel) > Add a Block > Choose Markdown

Add this code into Markdown

<script>
window.ListCarouselStepConfig = {
  itemsPerClick: 2,
  clickDelay: 40,
  verifyGrace: 350,
  overrides: [],
  debug: true
};
</script>
<script src="https://code.beaverhero.com/list/0726c23v6carouseltwoitemsclick.js"></script>