Super block slider – Responsive image, content slider

Easy to use, Lightweight, responsive image & content slider for block editor.

Lightweight

Fast loading 5KB javascript file.

Image slider

Background image with parallax effect.

Content slider

Use any Gutenberg blocks as content and design it your way.

Responsive slider

Set background image for responsive screen sizes(desktop, tablet or mobile).

Adaptive slider height

Auto resize slider height to the image height.

Gradient / color overlay

Add Gradient or color overlay over image.

Live preview

Live edit/preview in editor.

Slider features highlight

• Slide, fade effect
• Adaptive slider height
• Set multiple background image for responsive screen size
• Custom slide titles or dots indicator
• Parallax background effect
• 20 slide transition animations
• Customize gradient or solid color overlay

Links

Slider examples
Documentations

1. Visit Plugins > Add New.
2. Search for super block slider.
3. Install and activate the super block slider plugin.

Manual installation

1. Upload the entire super-block-slider folder to the /wp-content/plugins/ directory.
2. Visit Plugins.
3. Activate super block slider.

After activation

While in Page/Post edit mode simply add/search for super block slider.

2.6.1

• Fix bug: Reduce mobile touch sensitivity.

2.6

• Added content overflow options.
• Added mouse drag event changes slide
• Fix bug: Adaptive height not working in editor when slider is created.
• Optimise touch event code
• Add 6 more gradients
• Add donation link

2.4.7

• Fix Editor description for parallex.
• Fix Parallax code.
• Fix mobile gesture not stopping autoplay.

2.4.5

• Added “Adaptive slider height”.
• Fix bug causing slider to disappear if transsition effect is set to “Fade”.
• Fix bug: GradientPicker component causing crashes on full-site-editing mode.
• Fix ful-site-editing errors

2.3.2

• Fix bug: JS defer causes supersliderblock not to run.

2.3.1

• Add Mobile swipe gesture.
• Update responsive settings descriptions.

2.2.1

• Fix bug causing crashes if 2 or more slider is created.
• Changed editor text and rearange controls.
• Lock move control of single slide by default.

2.1.1

• Fix bug – CSS style causes slider arrow to overlaps content.

2.0

• Add custom responsive screen size images option.
• Fix bug – Added overflow style to content container.

1.5.5

• Fix bug – Slide index not set correctly if Super slider block is a child block.
• Slide title line height style.
• Update descriptions in editor.

1.5.4

• Fix parallax effect.
• Fix slide title line height in slide editor.
• Add src/js/
• minor bug fixes.

1.5.3

• Add support for WordPress version 5.9

1.5.2

• fix bug – WordPress version 5.8.1 cause slide index to be undefine.

1.5.1

• fix bug – Editor fade effect : selected slide not visible if child block selected.

1.5

• fix bug – track css transition all

1.4.9

• fix bug – Firefox transition-timing-function.
• fix bug – Chrome background image flicker.

1.4.8

• fix bug – fade effect not changing in editor.

1.4.7

• Add Parallax background image

1.3.7

• Add slide link option

1.2.7

• Fix bug – Title indicator to render html.
• Fix bug – Title indicator word-wrap.
• Fix editor .wp-block max-width css.

1.2.6

• Changed Super block slider category to ‘Media’ from ‘Widgets’.

1.2.5

• Fix bug – initial active slide not correct cause by older versions.