Review Slider Blocks for Gutenberg

What the blocks do

1) Reviews (slider container)

The Reviews block is the Swiper slider wrapper with editor controls for:

• Responsive slides per view:
  • Desktop / Tablet / Mobile
• Autoplay:
  • configurable delay in milliseconds (set to 0 to disable)
• Optional navigation UI:
  • Prev/Next arrows
  • Pagination (clickable)

Spacing between slides is derived from Gutenberg blockGap, so the slider follows the same spacing system as the rest of your block layouts.

On save, the block outputs a <swiper-container> with all configuration stored as attributes and breakpoints serialized in a safe form.

2) Review (slider item)

The Review block represents a single slide:

• Main review text/content via InnerBlocks (any blocks allowed)
• A title/name field (RichText)
• Optional image (MediaUpload) for an avatar, logo, or reviewer photo

Each item saves as a <swiper-slide> containing:

• the review content
• the reviewer/title area with optional image

Modern Swiper integration

This block set uses Swiper Web Components rather than legacy jQuery-based sliders:

• no per-slider JS initialization in content
• clean, portable HTML output
• slider configuration stored as element attributes
• future-proof approach aligned with modern Swiper usage