hallowebsite Block Carousel

Overview

hallowebsite Block Carousel turns ordinary Gutenberg or Kadence blocks into a lightweight, touch-friendly carousel, without a special slider block. Add one class to a List block or a parent Group block, and the items become slides with arrows, dots, drag and scroll snapping. Your content stays fully editable in the block editor. The plugin never rewrites or clones your markup.

Features

• Two triggers: carousel-list (each <li> is a slide) and carousel-group (each child Group is a slide).
• Prev/next arrows, dots, native touch scrolling, mouse drag and scroll snapping.
• Responsive columns per carousel with classes (desktop 1–6, tablet 1–4, mobile 1–2).
• Autoplay globally or per carousel. It pauses on hover, focus and inactive tabs, and respects reduced motion.
• Optional endless loop and optional mouse-wheel navigation.
• Carousel Slide Link: makes a whole slide clickable while inner buttons keep working.
• DOM-safe: no innerHTML rewrites and no cloned slides.

List carousel

1. Select a List block → Advanced → Additional CSS class(es).
2. Add carousel-list.

<ul class="wp-block-list carousel-list carousel-d4 carousel-t2 carousel-m1">
  <li>Slide 1</li>
  <li>Slide 2</li>
</ul>

Group carousel

1. Add a parent Group block, with one child Group block per slide inside it.
2. Give only the parent the class carousel-group.

<div class="wp-block-group carousel-group carousel-d3 carousel-t2 carousel-m1">
  <div class="wp-block-group">Slide 1 content</div>
  <div class="wp-block-group">Slide 2 content</div>
</div>

Class reference

Class	Effect
carousel-d1 … carousel-d6	Visible slides on desktop
carousel-t1 … carousel-t4	Visible slides on tablet
carousel-m1 … carousel-m2	Visible slides on mobile
carousel-autoplay	Autoplay every 5 seconds
carousel-autoplay-N	Autoplay every N seconds (1–60)

Settings

Under Settings → HalloWebsite Carousel: columns (desktop/tablet/mobile), gap in px, move per click (1, 2, 3 or all visible), endless loop, mouse-wheel scrolling, and global autoplay with interval and animation speed. Classes on a carousel always override the global defaults.

Troubleshooting

• Nothing happens: check that the class is on the <ul> or on the parent group.
• Slides not found: the slides must be direct child Group blocks, not loose paragraphs or images.

Changed:
- Rebranding: neuer Name „hallowebsite Block Carousel“, Autor hallowebsite, Plugin-URI https://hallowebsite.de/plugins/block-carousel/
- Keine funktionalen Änderungen.