Content Slider, Pattern Paste Canonical: https://patternpaste.com/interactive/content-slider/ Interactive (https://patternpaste.com/interactive/) Content Slider Needs plugin (https://patternpaste.com/docs/install-pattern-paste/) # The Content Slider block A native horizontal collection of editable Group blocks with touch scrolling, optional snapping, keyboard navigation and arrow, number or dot controls. Without JavaScript it remains a scrollable row; without the plugin its native blocks become a plain stack. Subscribe (https://patternpaste.com/account/#plan)The 4 designs Feature slider walkthrough · Twenty Twenty-Five Plays best in its own window (https://patternpaste.com/previews/feature-slider-walkthrough/twentytwentyfive.html) Open in its own window (https://patternpaste.com/previews/feature-slider-walkthrough/twentytwentyfive.html) Rendered by WordPress in Twenty Twenty-Five. Open this pattern (https://patternpaste.com/pattern/feature-slider-walkthrough.html) 4 patterns 4 designs 13 settings patternpaste/content-slider Requires a block theme on WordPress 6.7 to 7.0. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type. ## The designs 4 patterns, 4 designs between them. Each is this one block wrapped in core blocks, so everything around it takes its colours, spacing and type from your theme. All 36 interactive patterns (https://patternpaste.com/interactive/#content-slider) Shot in Twenty Twenty-Five Features Features Needs plugin ### Feature slider walkthrough An inverted feature section that explains a product in three steps, one at a time: each stage fills the frame with a large photograph and its copy beside it, named in words (Step 1 of 3) and selected with numbered controls below. 7 blocks Open preview (https://patternpaste.com/pattern/feature-slider-walkthrough.html) Shot in Twenty Twenty-Five Hero Hero Needs plugin ### Hero slider cover A full-width hero slideshow with three bright edge-to-edge photographs and compact opaque panels, each carrying a headline, concise introduction and action. 7 blocks Open preview (https://patternpaste.com/pattern/hero-slider-cover.html) Shot in Twenty Twenty-Five Gallery Gallery Editorial Needs plugin ### Portfolio slider editorial An editorial portfolio section with four broad image-led project cards and compact caption and project metadata beneath each image. 7 blocks Open preview (https://patternpaste.com/pattern/portfolio-slider-editorial.html) Shot in Twenty Twenty-Five Testimonials Testimonials Needs plugin ### Testimonial slider proof A testimonial section with three generous quote-and-metric cards, one main card and the next card held visibly at the edge. 5 blocks Open preview (https://patternpaste.com/pattern/testimonial-slider-proof.html) ## How it moves Content Slider turns ordinary WordPress Group blocks into a touch-friendly horizontal sequence with accessible arrows or numbered steps. Authors keep using native blocks and familiar Inspector controls; there is no separate slide builder. Every item remains a horizontally scrollable row without JavaScript and a plain stack of native blocks without the plugin. ## What you can set before you copy Every one of these is an attribute of the block, so it is the same control the editor's inspector offers after you have pasted. The Motion drawer on a pattern's own page writes your values into the markup before you copy it. Setting | Attribute | Values | Default | Enable slide navigation | patternpasteMotion | On or off | On | Controls | patternpasteControls | Arrows and counter or Numbered steps or Dots | Arrows and counter | Controls position | patternpasteControlsPosition | Below slides or Over slides | Below slides | Click and drag | patternpasteDrag | On or off | On | Show scrollbar | patternpasteScrollbar | On or off | On | Snap to slides | patternpasteSnap | On or off | On | Button shape | patternpasteNavShape | Square or Rounded or Round | Square | Button background | patternpasteNavBackground | Theme palette or custom colour | Theme | Button text | patternpasteNavText | Theme palette or custom colour | Theme | Active background | patternpasteNavActiveBackground | Theme palette or custom colour | Theme | Active text | patternpasteNavActiveText | Theme palette or custom colour | Theme | Slide width | patternpasteWidth | 45 to 100%, in steps of 1 | 78% | Slide gap | patternpasteGap | 0 to 64px, in steps of 1 | 24px | Back to the interactive patterns (https://patternpaste.com/interactive/) ## Needs the plugin Install the Pattern Paste plugin first, then paste. This section embeds one of its blocks: the plugin comes with your access, downloads from your account, and takes a minute. Paste without it and the section arrives as a plain stack of your headings, text and images, with none of the motion. The plugin is yours to use forever: after you cancel, it and every section using it keep working. Only updates and support stop. How to install it (https://patternpaste.com/docs/install-pattern-paste/) The plugin registers this block and nothing else: it ships no patterns of its own. The designs live here, as copy-paste markup. ### Before you paste Requires a block theme on WordPress 6.7 to 7.0. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type.