GutSlider Pro

GutSlider Pro extends GutSlider, a slider and carousel add-on for the WordPress block editor, with 15 additional blocks, premium designs, and WooCommerce shows. Add a GutSlider block to a post, page, template, template part, or reusable pattern, place images, video, text, buttons, products, or other blocks in it, then configure and preview the layout in the editor. No shortcodes, page builder, or custom code are needed. Existing free sliders keep working as they are, with Pro settings available in the same sidebar.

Choose a Pro block for a specific presentation

The 15 added blocks cover a range of visual treatments:

• Shader Slider uses WebGL transitions; Shutters Slider opens and closes like window shutters; Slicer Slider separates images into slices as they change.
• Fashion Slider has an editorial style; Triple Slider moves three images together; Card Slider presents stacked, swipeable cards.
• Hover Slider reveals an picture when a visitor hovers over a title; Tinder Slider uses swipeable cards; Spring Carousel uses spring-style motion.
• Panorama Carousel presents a curved view; 3D Carousel arranges slides in a rotating ring; Material Carousel uses expanding slides.
• Marquee Carousel scrolls images continuously. WooCommerce Product Carousel and WooCommerce Product Categories Carousel display store products and categories.

Premium designs give existing blocks more layout choices

Pro designs are available for the free blocks too. Static Slider adds Split Hero, Glass Card, and Card Carousel designs. Flexible Slider adds Split, Fullscreen, Stacked Cards, and Ticker. Testimonial Slider adds Center Cards, Avatar Switcher, Marquee Wall, Swipe Deck, 3D Coverflow, and Glow Cards. Photo Carousel adds Showcase, Polaroid Stack, Film Ticker, and Expanding Panels. Before After adds Glass Handle, Rounded Card, Split Labels, and Dark Studio. Video Carousel adds Cinema, Playlist, and Video Cards. Blog Post Slider adds Overlay Grid, Featured + List, and Minimal Timeline. Marquee adds Testimonials, Image Strip, and Tag Cloud designs.

WooCommerce carousels bring products into slider layouts

Use WooCommerce Product Carousel to present products, or WooCommerce Product Categories Carousel to show categories. Both let you create a carousel display in the block editor. The free Blog Post Slider can make a slider or carousel from posts; Pro adds the Featured + List styling and other post layouts.

Device-specific settings adapt layouts to screens

Many settings have separate Desktop, Tablet, and Mobile values, including spacing, columns, typography, slide visibility, and background images. Slider controls include autoplay, looping, speed, effects, centered and free modes, and column counts. Navigation and pagination settings cover styles, positions, sizes, colors, and gaps. CSS entrance animations can be applied to individual components with adjustable delays.

Static Slider can reveal subtitles, titles, descriptions, and buttons in sequence, using rising words, flipping letters, blur, or mask effects. The reveal repeats on each slide and waits until the slider is on screen. Flexible Slider works with content animations and background effects. Marquee designs can use up to three rows moving in opposite directions, page-scroll motion, drag or swipe, and speed or direction changes while scrolling.

Navigation and media options change how visitors view

Remote navigation lets buttons elsewhere on the page control a slider. Flexible Slider slide names can be shown as tabs, and wrapper links make a whole slide clickable. Static and Blog Post sliders support detached content and thumbnail gallery navigation. Photo Carousel supports a lightbox. Video Carousel options include lightbox playback, hover previews, silent looping backgrounds, custom thumbnails, and custom end times.

For before-and-after comparisons, Pro supports video pairs that play in sync, multiple comparisons in one block with thumbnail switching, autoplay, and fullscreen. GutSlider also supports keyboard navigation, pause buttons, and the reduced-motion setting.

Conditional assets keep delivery page-specific

GutSlider loads scripts and styles on pages that use a slider block and creates one minified CSS file per page. It does not use jQuery; Swiper JS powers sliding. A dashboard setting lets you disable unused blocks. The extension is translation ready and RTL friendly.

If a block uses a selected Google Font, its stylesheet and font documents are requested on pages where that block appears. System and theme fonts do not make those requests. Video Carousel includes VideoObject markup, and Blog Post Slider includes ItemList markup.

Add and configure a block in the editor

Open the post, page, template, template part, or pattern where the slider should appear and insert a GutSlider block. Add or select content, select its block design, and adjust layout and responsive settings in the sidebar. For a store display, select a product or product-category carousel and set its presentation. Add thumbnail navigation to a Static or Blog Post slider when visitors need it, then preview the layout across device settings before publishing.

GutSlider Pro also includes priority support from the team that builds GutSlider.