About This Pattern
A carousel block with a kadence row block within. The text and media in the row alternate sides. Duplicate the slides via the document overview menu to keep the formatting/mobile behaviours and replace with your own media and text.
Block also includes a heading and text area above the carousel.
Dependencies
The following items are required to use this pattern: carousel slider block plugin, kadence blocks plugin
Use This Pattern
To use this pattern, click the clipboard icon on the top right of the box below to copy the code then paste it into the editor on your website. Do not highlight the text and copy it manually. You will need to update any images that may be in the pattern so your website is not cross linking with this page.
HTML
<!-- wp:kadence/rowlayout {"uniqueID":"1059_d95736-65","columns":1,"colLayout":"equal","align":"full","firstColumnWidth":0,"secondColumnWidth":0,"thirdColumnWidth":0,"fourthColumnWidth":0,"fifthColumnWidth":0,"sixthColumnWidth":0,"inheritMaxWidth":true,"padding":["","","",""],"margin":["","","xxl",""],"kbVersion":2} -->
<!-- wp:kadence/column {"borderWidth":["","","",""],"uniqueID":"1059_857245-a1","kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column1059_857245-a1"><div class="kt-inside-inner-col"><!-- wp:kadence/column {"borderWidth":["","","",""],"uniqueID":"1059_688f81-4d","maxWidth":[700,"",""],"margin":["","","lg",""],"kbVersion":2,"metadata":{"name":"Heading and description"}} -->
<div class="wp-block-kadence-column kadence-column1059_688f81-4d"><div class="kt-inside-inner-col"><!-- wp:heading {"textAlign":"center","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<h2 class="wp-block-heading has-text-align-center" style="margin-top:0;margin-bottom:0">Heading</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis interdum ornare tellus. Fusce rutrum sem vel nisl bibendum tempor.</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:kadence/column -->
<!-- wp:group {"metadata":{"name":"Slider Section"},"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"},"hideFromFeed":true} -->
<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0"><!-- wp:group {"metadata":{"name":"Carousel Container"},"style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"constrained"},"hideFromFeed":true} -->
<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:cb/carousel-v2 {"slidesPerView":1,"loop":true,"className":"homepage-carousel"} -->
<div class="wp-block-cb-carousel-v2 cb-carousel-block cb-single-slide homepage-carousel" data-cb-slides-per-view="1" data-cb-slides-per-group="1" data-cb-space-between="15" data-cb-speed="300" data-cb-navigation="true" data-cb-pagination="true" data-cb-loop="true" data-cb-breakpoints="{"768":{"slidesPerView":1,"slidesPerGroup":1}}"><div class="swiper"><div class="cb-wrapper swiper-wrapper"><!-- wp:cb/slide-v2 {"metadata":{"name":"Slide - img left"}} -->
<div class="wp-block-cb-slide-v2 cb-slide swiper-slide"><!-- wp:kadence/rowlayout {"uniqueID":"1059_803bd2-dd","tabletLayout":"row","columnGutter":"wider","customGutter":[64,"",""],"colLayout":"equal","columnsInnerHeight":true,"padding":["sm","sm","sm","sm"],"margin":["","","sm",""],"kbVersion":2} -->
<!-- wp:kadence/column {"borderWidth":["","","",""],"uniqueID":"1059_0c2015-47","verticalAlignment":"middle","kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column1059_0c2015-47"><div class="kt-inside-inner-col"><!-- wp:image {"id":563,"sizeSlug":"full","linkDestination":"none","style":{"border":{"width":"0px","style":"none"}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="https://kadence-templates.trubox.ca/wp-content/uploads/sites/3172/2025/02/MANYPIXELS.svg" alt="" class="wp-image-563" style="border-style:none;border-width:0px"/></figure>
<!-- /wp:image --></div></div>
<!-- /wp:kadence/column -->
<!-- wp:kadence/column {"id":2,"borderWidth":["","","",""],"uniqueID":"1059_85a082-9a","verticalAlignment":"middle","kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column1059_85a082-9a"><div class="kt-inside-inner-col"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"heading-4"} -->
<h3 class="wp-block-heading has-heading-4-font-size" style="margin-top:0;margin-bottom:0">Slide Title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Cras semper scelerisque congue. Proin in nulla eu nisl faucibus suscipit. Duis imperdiet, libero a facilisis rutrum, ex lectus congue erat, sed molestie nisl ligula eget purus. Ut ac leo ullamcorper, porttitor diam non, tincidunt urna. Integer dictum nibh non sem consectetur cursus. Aliquam dignissim lacus ac dui aliquam, ac tempus purus luctus. Maecenas diam urna, congue sed condimentum eu, finibus vel neque. Maecenas sed pellentesque elit.</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:kadence/column -->
<!-- /wp:kadence/rowlayout --></div>
<!-- /wp:cb/slide-v2 -->
<!-- wp:cb/slide-v2 {"metadata":{"name":"Slide - img right"}} -->
<div class="wp-block-cb-slide-v2 cb-slide swiper-slide"><!-- wp:kadence/rowlayout {"uniqueID":"1059_363586-c5","tabletLayout":"row","collapseOrder":"right-to-left","columnGutter":"wider","customGutter":[64,"",""],"colLayout":"equal","columnsInnerHeight":true,"padding":["sm","sm","sm","sm"],"margin":["","","sm",""],"kbVersion":2} -->
<!-- wp:kadence/column {"id":2,"borderWidth":["","","",""],"uniqueID":"1059_07ea7d-d3","verticalAlignment":"middle","kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column1059_07ea7d-d3"><div class="kt-inside-inner-col"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"heading-4"} -->
<h3 class="wp-block-heading has-heading-4-font-size" style="margin-top:0;margin-bottom:0">Slide Title</h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Cras semper scelerisque congue. Proin in nulla eu nisl faucibus suscipit. Duis imperdiet, libero a facilisis rutrum, ex lectus congue erat, sed molestie nisl ligula eget purus. Ut ac leo ullamcorper, porttitor diam non, tincidunt urna. Integer dictum nibh non sem consectetur cursus. Aliquam dignissim lacus ac dui aliquam, ac tempus purus luctus. Maecenas diam urna, congue sed condimentum eu, finibus vel neque. Maecenas sed pellentesque elit.</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:kadence/column -->
<!-- wp:kadence/column {"borderWidth":["","","",""],"uniqueID":"1059_bd83ab-8c","verticalAlignment":"middle","kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column1059_bd83ab-8c"><div class="kt-inside-inner-col"><!-- wp:image {"id":544,"sizeSlug":"full","linkDestination":"none","style":{"border":{"width":"0px","style":"none"}}} -->
<figure class="wp-block-image size-full has-custom-border"><img src="https://kadence-templates.trubox.ca/wp-content/uploads/sites/3172/2025/02/search-engine-44-manypixels-1.svg" alt="" class="wp-image-544" style="border-style:none;border-width:0px"/></figure>
<!-- /wp:image --></div></div>
<!-- /wp:kadence/column -->
<!-- /wp:kadence/rowlayout --></div>
<!-- /wp:cb/slide-v2 --></div></div><div class="cb-pagination swiper-pagination"></div><div class="cb-button-prev swiper-button-prev"></div><div class="cb-button-next swiper-button-next"></div></div>
<!-- /wp:cb/carousel-v2 --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:kadence/column -->
<!-- /wp:kadence/rowlayout -->