Advanced Slider and carousel

Blog Staff
May 4, 2022
Slider/Carousel Block is a universal customizable block that can slide anything – from simple images to complex inner blocks. You can add a slider to anything
On this page we show some examples of sliders with 1 item per slide, you can place any other blocks or complex groups inside each slide.
Slider with inner blocksIt has also custom Slider effect

Slider with custom effectThis slider has also custom arrow buttons, scrollbar and custom sliding effect

Slider as Cards EffectIt has also inner block with buttons as Card

Vertical Slider OrientationYou can change orientation of slider

Full visible items for sliderAlso, this example has Scale effect

Custom control buttons + custom effectAlso, this example has Scale effect

You can also add custom control to slider. For this, place custom elements in the same row as slider and add classes: gs-slider-control-btn gs-slideto-2. This will trigger second slide and class “active” to your control element
First slide
Second Slide
Slider synchronizationSynchronize two sliders together

You can synchronize two sliders together. For this, use next panel in Slider options. Each slide has own unique class, you can copy it from one slide and use as control option for another slide. You can use it as direct control and also as reverse (when two sliders synchronized with each other)
In this example, we use two sliders with different directions
Full page SliderHow to make full page slider

Greenshift slider has some special features like Keyboard and mouseWheel control. This makes it available for such complex things like Full page sliders. Click on image to see the demo
Ken Burns EffectsEasily enable popular ken Burns effect

You can download this slider in Greenshift Library – Experimental. (click on top right blue icon in editor)
Parallax SliderBuild complex parallax effects

To add parallax effect, you need to enable parallax in Slider Image effects panel. You can also add parallax strength for slider images.
You can also add parallax to inner items, for this, select special data-parallax attributes.
Example of slider is available in Library – Experimental
Slider Conversions

For time saving, you can also easily convert regular Core gallery to slider. See how it works in video
You can convert also CSS grid to slider
Slider Synchronization with Containers

You can sync not only slider to slider but slider to containers or accordions. This works based on child items. For example, you have slider with 3 slides. Now, add container and put direct 3 childs to container, add specific class to container in class system and put the same class in Slider option – Container Synchronizations. Now, each child of container is paired with each slide. If you click on second child of container, this will also turn second slide. Also, each slide changing will add “active” class to paired container.
Important. This works better with Loop option and autoplay.
Check demo on Fancy Academy page
Animations of elements inside Slider

You can also add some animations for inner elements in slider. They will be animated only when your slider item is active. For this, you can use Css transform or Animation Container.
The most easiest way to animate elements on active slide is to use Animation panel and enable special option for Parent .active class
Screenshot
Copy this post’s content
<!-- wp:paragraph -->
<p>Slider/Carousel Block is a universal customizable block that can slide anything - from simple images to complex inner blocks. You can add a slider to anything</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>On this page we show some examples of sliders with 1 item per slide, you can place any other blocks or complex groups inside each slide.</p>
<!-- /wp:paragraph -->

<!-- wp:greenshift-blocks/heading {"id":"gsbp-07abe7b","headingContent":"Slider with inner blocks","spacing":{"margin":{"values":{"bottom":[0],"top":[0]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"headingSeparator":true,"headingSepSpacing":{"margin":{"values":{"right":[17]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"spacingBlock":{"margin":{"values":{"bottom":[40]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"headingSepWidth":[40,null,null,null],"headingSepVJustify":"center","headingSepType":"circle","numberCircle":"1","enablesubTitle":true,"subTitle":"It has also custom Slider effect","typographysubTitle":{"textShadow":{},"customweight":"normal","line_height":[15]}} -->
<div class="gspb_heading_sep_gsbp-07abe7b"><div class="gspb_heading_sep gspb_heading_sep_before"><div class="gs-numhead__circle"><span>1</span></div></div><h2 id="gspb_heading-id-gsbp-07abe7b" class="gspb_heading gspb_heading-id-gsbp-07abe7b ">Slider with inner blocks<span class="gspb_heading_subtitle">It has also custom Slider effect</span></h2></div>
<!-- /wp:greenshift-blocks/heading -->

<!-- wp:greenshift-blocks/swiper {"id":"gsbp-8c70b46b-f420","tabs":3,"backgroundColor":"#ffffff","speed":500,"loop":true,"navpostopArray":["32.3%"],"effect":"creative","className":"wp-block-greenshift-blocks-swipe"} -->
<div class="wp-block-greenshift-blocks-swiper gs-swiper gspb_slider-id-gsbp-8c70b46b-f420 wp-block-greenshift-blocks-swipe" style="position:relative"><div class="gs-swiper-init" data-slidesperview="1" data-spacebetween="10" data-spacebetweenmd="10" data-spacebetweensm="10" data-spacebetweenxs="10" data-speed="500" data-loop="true" data-vertical="false" data-verticalheight="500px" data-autoheight="false" data-grabcursor="false" data-freemode="false" data-centered="false" data-autoplay="false" data-autodelay="4000" data-effect="creative" data-coverflowshadow="false" data-customparams="{"prev":{"translateX":"0px","translateY":"0px","translateZ":"-300px","rotateX":0,"rotateY":0,"rotateZ":0,"opacity":1,"shadow":false,"scale":1,"origin":""},"next":{"translateX":"100%","translateY":"0px","translateZ":"0px","rotateX":0,"rotateY":0,"rotateZ":0,"opacity":1,"shadow":false,"scale":1,"origin":""}}"><div class="swiper"><div class="swiper-wrapper"><!-- wp:greenshift-blocks/swipe {"id":"gsbp-9ade144"} -->
<div class="swiper-slide"><div class="wp-block-greenshift-blocks-swipe swiper-slide-inner gspb_sliderinner-id-gsbp-9ade144"><div class="slider-content-zone"><!-- wp:greenshift-blocks/offerbox {"id":"gsbp-1b7528b2-6195","background":{"color":"#ffffff"},"name":"Fēnix 6X smartwatch - Pro and Sapphire Editions Black with Black Band and sport health functions","description":"fenix® 6X - Pro \u0026amp; Sapphire Editions is a GPS Smartwatch with music, Pulse Ox \u0026amp; Dynamic PacePro, a feature that helps you run smarter over diff...","disclaimer":"Find actual price at Garmin.com","old_price":"US$799.99","sale_price":"US$699.99","schemaenable":true,"button":{"text":"Buy this item","url":"https://buy.garmin.com/en-US/US/p/641435","newTab":true,"noFollow":true},"schemafields":{"mpn":"12345","sku":"010-02157-00","count":5,"currency":"USD","brand":"Garmin"},"thumbnail":{"id":"","url":"https://static.garmincdn.com/en/products/010-02157-00/v/cf-lg-ecea6607-4328-4761-be0b-cb997234b58b.jpg","width":"","height":""},"rating":5} /--></div></div></div>
<!-- /wp:greenshift-blocks/swipe -->

<!-- wp:greenshift-blocks/swipe {"id":"gsbp-d03431b"} -->
<div class="swiper-slide"><div class="wp-block-greenshift-blocks-swipe swiper-slide-inner gspb_sliderinner-id-gsbp-d03431b"><div class="slider-content-zone"><!-- wp:greenshift-blocks/offerbox {"id":"gsbp-79a471d9-35d1","background":{"color":"#ffffff"},"name":"Enduro smartwatches","description":"Garmin Enduro™ features a Power Glass™ solar charging lens that extends battery life, lightweight nylon strap, and other performance features built fo...","disclaimer":"Find actual price at Garmin.com","sale_price":"US$799.99","schemaenable":true,"button":{"text":"Buy this item","url":"https://buy.garmin.com/en-US/US/p/702797","newTab":true,"noFollow":true},"schemafields":{"mpn":"12345","sku":"010-02408-00","count":5,"currency":"USD","brand":"Garmin"},"thumbnail":{"id":"","url":"https://static.garmincdn.com/en/products/010-02408-00/v/cf-lg-04000e87-146f-479c-a0d1-5fb2546242ff.jpg","width":"","height":""},"rating":5} /--></div></div></div>
<!-- /wp:greenshift-blocks/swipe -->

<!-- wp:greenshift-blocks/swipe {"id":"gsbp-9e611f8"} -->
<div class="swiper-slide"><div class="wp-block-greenshift-blocks-swipe swiper-slide-inner gspb_sliderinner-id-gsbp-9e611f8"><div class="slider-content-zone"><!-- wp:greenshift-blocks/offerbox {"id":"gsbp-1334f843-ec4c","background":{"color":"#ffffff"},"name":"Instinct® Solar","description":"Instinct Solar is a smartwatch built to conquer the elements featuring a solar charging lens, GPS/GLONASS/GALILEO, and built-in training apps.","disclaimer":"Find actual price at Garmin.com","sale_price":"US$399.99","schemaenable":true,"button":{"text":"Buy this item","url":"https://buy.garmin.com/en-US/US/p/679335/pn/010-02293-19","newTab":true,"noFollow":true},"schemafields":{"mpn":"12345","sku":"010-02293-19","count":5,"currency":"USD","brand":"Garmin"},"thumbnail":{"id":"","url":"https://static.garmincdn.com/en/products/010-02293-19/v/cf-lg-9edd271d-7b6b-4f52-8270-537de432c14e.jpg","width":"","height":""},"rating":5} /--></div></div></div>
<!-- /wp:greenshift-blocks/swipe --></div></div><div class="swiper-pagination"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-scrollbar"></div></div></div>
<!-- /wp:greenshift-blocks/swiper -->

<!-- wp:greenshift-blocks/heading {"id":"gsbp-fa3953f","headingContent":"Slider with custom effect","spacing":{"margin":{"values":{"bottom":[0],"top":[0]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"headingSeparator":true,"headingSepSpacing":{"margin":{"values":{"right":[17]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"spacingBlock":{"margin":{"values":{"bottom":[40]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"headingSepWidth":[40,null,null,null],"headingSepVJustify":"center","headingSepType":"circle","numberCircle":"2","enablesubTitle":true,"subTitle":"This slider has also custom arrow buttons, scrollbar and custom sliding effect","typographysubTitle":{"textShadow":{},"customweight":"normal","line_height":[15]}} -->
<div class="gspb_heading_sep_gsbp-fa3953f"><div class="gspb_heading_sep gspb_heading_sep_before"><div class="gs-numhead__circle"><span>2</span></div></div><h2 id="gspb_heading-id-gsbp-fa3953f" class="gspb_heading gspb_heading-id-gsbp-fa3953f ">Slider with custom effect<span class="gspb_heading_subtitle">This slider has also custom arrow buttons, scrollbar and custom sliding effect</span></h2></div>
<!-- /wp:greenshift-blocks/heading -->

<!-- wp:greenshift-blocks/swiper {"id":"gsbp-bc9f2b4f-ab01","tabs":3,"spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"top":[20],"right":[20],"bottom":[20],"left":[20]},"unit":["px","px","px","px"],"locked":true}},"sliderspacing":{"margin":{"values":{"bottom":[40]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"slideHeight":[460,null,null,null],"slideAlign":["center",null,null,"center"],"textColor":"#ffffff","speed":600,"grabCursor":true,"navGradient":"linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%)","navColor":"#ffffff","navSize":[30,null,null,31],"navSpaceSize":[20,null,null,8],"navradius":10,"bullets":false,"bulletPos":"-24px","effect":"creative","scrollbarBg":"#00d084","border":{"borderRadius":{"values":{"topLeft":10,"topRight":10,"bottomRight":10,"bottomLeft":10},"unit":"px","locked":true},"style":{},"size":{},"color":{},"styleHover":{},"sizeHover":{},"colorHover":{}},"customparams":{"prev":{"translateX":"0px","translateY":"0px","translateZ":"-300px","rotateX":0,"rotateY":0,"rotateZ":0,"opacity":1,"shadow":false,"scale":0.3,"origin":""},"next":{"translateX":"100%","translateY":"0px","translateZ":"0px","rotateX":0,"rotateY":0,"rotateZ":60,"opacity":1,"shadow":false,"scale":1,"origin":""}},"align":"wide","className":"wp-block-greenshift-blocks-swipe"} -->
<div class="wp-block-greenshift-blocks-swiper alignwide gs-swiper gspb_slider-id-gsbp-bc9f2b4f-ab01 wp-block-greenshift-blocks-swipe" style="position:relative"><div class="gs-swiper-init" data-slidesperview="1" data-spacebetween="10" data-spacebetweenmd="10" data-spacebetweensm="10" data-spacebetweenxs="10" data-speed="600" data-loop="false" data-vertical="false" data-verticalheight="500px" data-autoheight="false" data-grabcursor="true" data-freemode="false" data-centered="false" data-autoplay="false" data-autodelay="4000" data-effect="creative" data-coverflowshadow="false" data-customparams="{"prev":{"translateX":"0px","translateY":"0px","translateZ":"-300px","rotateX":0,"rotateY":0,"rotateZ":0,"opacity":1,"shadow":false,"scale":0.3,"origin":""},"next":{"translateX":"100%","translateY":"0px","translateZ":"0px","rotateX":0,"rotateY":0,"rotateZ":60,"opacity":1,"shadow":false,"scale":1,"origin":""}}"><div class="swiper"><div class="swiper-wrapper"><!-- wp:greenshift-blocks/swipe {"imageurl":"https://greenshiftwp.com/wp-content/uploads/2022/05/iph.jpeg","imageid":570,"overlayOpacity":60,"overlayGradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","id":"gsbp-137b258"} -->
<div class="swiper-slide"><div class="wp-block-greenshift-blocks-swipe swiper-slide-inner gspb_sliderinner-id-gsbp-137b258"><div class="slider-overlaybg"></div><div class="slider-content-zone"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"40px","lineHeight":"1.3"}},"textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color" id="say-hello-to-greenshift-sliders" style="font-size:40px;line-height:1.3">Say Hello to Greenshift Sliders</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","placeholder":"Add content here or replace by custom block","textColor":"white","fontSize":"medium"} -->
<p class="has-text-align-center has-white-color has-text-color has-medium-font-size">Make custom sliders faster with better design</p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:greenshift-blocks/swipe -->

<!-- wp:greenshift-blocks/swipe {"imageurl":"https://greenshiftwp.com/wp-content/uploads/2022/05/game.jpeg","imageid":573,"overlayOpacity":60,"overlayGradient":"linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%)","id":"gsbp-e91cc36"} -->
<div class="swiper-slide"><div class="wp-block-greenshift-blocks-swipe swiper-slide-inner gspb_sliderinner-id-gsbp-e91cc36"><div class="slider-overlaybg"></div><div class="slider-content-zone"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"40px","lineHeight":"1.2"}},"textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color" id="unlimited-possibilities-for-slider" style="font-size:40px;line-height:1.2">Unlimited possibilities for slider</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","placeholder":"Add content here or replace by custom block","textColor":"white","fontSize":"medium"} -->
<p class="has-text-align-center has-white-color has-text-color has-medium-font-size">Make custom sliders faster with better design</p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:greenshift-blocks/swipe -->

<!-- wp:greenshift-blocks/swipe {"imageurl":"https://greenshiftwp.com/wp-content/uploads/2022/05/fold.jpeg","imageid":572,"overlayOpacity":60,"overlayGradient":"linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%)","id":"gsbp-260ded7"} -->
<div class="swiper-slide"><div class="wp-block-greenshift-blocks-swipe swiper-slide-inner gspb_sliderinner-id-gsbp-260ded7"><div class="slider-overlaybg"></div><div class="slider-content-zone"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"40px","lineHeight":"1"}},"textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color" id="best-design-and-options" style="font-size:40px;line-height:1">Best design and options</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","placeholder":"Add content here or replace by custom block","textColor":"white","fontSize":"medium"} -->
<p class="has-text-align-center has-white-color has-text-color has-medium-font-size">Make custom sliders faster with better design</p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:greenshift-blocks/swipe --></div></div><div class="swiper-pagination"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-scrollbar"></div></div></div>
<!-- /wp:greenshift-blocks/swiper -->

<!-- wp:greenshift-blocks/heading {"id":"gsbp-7177355","headingContent":"Slider as Cards Effect","spacing":{"margin":{"values":{"bottom":[0],"top":[0]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"headingSeparator":true,"headingSepSpacing":{"margin":{"values":{"right":[17]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"spacingBlock":{"margin":{"values":{"bottom":[40]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"headingSepWidth":[40,null,null,null],"headingSepVJustify":"center","headingSepType":"circle","numberCircle":"3","enablesubTitle":true,"subTitle":"It has also inner block with buttons as Card","typographysubTitle":{"textShadow":{},"customweight":"normal","line_height":[15]}} -->
<div class="gspb_heading_sep_gsbp-7177355"><div class="gspb_heading_sep gspb_heading_sep_before"><div class="gs-numhead__circle"><span>3</span></div></div><h2 id="gspb_heading-id-gsbp-7177355" class="gspb_heading gspb_heading-id-gsbp-7177355 ">Slider as Cards Effect<span class="gspb_heading_subtitle">It has also inner block with buttons as Card</span></h2></div>
<!-- /wp:greenshift-blocks/heading -->

<!-- wp:greenshift-blocks/swiper {"id":"gsbp-deb6a572-441a","tabs":3,"spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"top":[60],"bottom":[60],"right":[45],"left":[45]},"unit":["px","px","px","px"],"locked":false}},"sliderspacing":{"margin":{"values":{"bottom":[60]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"navBg":"#ffffff","navSize":[18,null,null,null],"navSpaceSize":[15,null,null,null],"bulletPos":"-18px","effect":"cards","className":"wp-block-greenshift-blocks-swipe"} -->
<div class="wp-block-greenshift-blocks-swiper gs-swiper gspb_slider-id-gsbp-deb6a572-441a wp-block-greenshift-blocks-swipe" style="position:relative"><div class="gs-swiper-init" data-slidesperview="1" data-spacebetween="10" data-spacebetweenmd="10" data-spacebetweensm="10" data-spacebetweenxs="10" data-speed="400" data-loop="false" data-vertical="false" data-verticalheight="500px" data-autoheight="false" data-grabcursor="false" data-freemode="false" data-centered="false" data-autoplay="false" data-autodelay="4000" data-effect="cards" data-coverflowshadow="false"><div class="swiper"><div class="swiper-wrapper"><!-- wp:greenshift-blocks/swipe {"imageurl":"https://greenshiftwp.com/wp-content/uploads/2022/05/CARD.jpeg","imageid":567,"focalPoint":{"x":"0.00","y":"0.12"},"overlayOpacity":20,"disableFlex":true,"id":"gsbp-6d93d92"} -->
<div class="swiper-slide"><div class="wp-block-greenshift-blocks-swipe swiper-slide-inner gspb_sliderinner-id-gsbp-6d93d92"><div class="slider-overlaybg"></div><div class="slider-content-zone"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"style":{"typography":{"fontSize":"35px","lineHeight":"1.3"}}} -->
<h2 class="wp-block-heading" id="best-accessories-for-this-summer" style="font-size:35px;line-height:1.3"><strong>Best Accessories for this summer</strong></h2>
<!-- /wp:heading -->

<!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"15px"},"color":{"text":"#828282"}}} -->
<p class="has-text-color" style="color:#828282;font-size:15px">Bags & Acsessories &<br>Lingerie & Sportswear &<br>Beauty & Swimwear</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"40px"} -->
<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"vivid-red","textColor":"textonprimary","className":"is-style-cubebtndark"} -->
<div class="wp-block-button is-style-cubebtndark"><a class="wp-block-button__link has-textonprimary-color has-vivid-red-background-color has-text-color has-background wp-element-button">Buy Now</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div></div>
<!-- /wp:greenshift-blocks/swipe -->

<!-- wp:greenshift-blocks/swipe {"imageurl":"https://greenshiftwp.com/wp-content/uploads/2022/05/CARD2.jpeg","imageid":568,"focalPoint":{"x":"1.00","y":"0.60"},"backgroundColor":"#f4f4f4","disableFlex":true,"bgContain":true,"id":"gsbp-720f8f2"} -->
<div class="swiper-slide"><div class="wp-block-greenshift-blocks-swipe swiper-slide-inner gspb_sliderinner-id-gsbp-720f8f2"><div class="slider-overlaybg"></div><div class="slider-content-zone"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"style":{"typography":{"fontSize":"35px","lineHeight":"1.3"}}} -->
<h2 class="wp-block-heading" id="best-accessories-for-this-summer" style="font-size:35px;line-height:1.3"><strong>Best Accessories for this summer</strong></h2>
<!-- /wp:heading -->

<!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph {"style":{"color":{"text":"#7d7d7d"}}} -->
<p class="has-text-color" style="color:#7d7d7d">Bags & Acsessories &<br>Lingerie & Sportswear &<br>Beauty & Swimwear</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"40px"} -->
<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"vivid-green-cyan","textColor":"textonprimary","className":"is-style-cubebtndark"} -->
<div class="wp-block-button is-style-cubebtndark"><a class="wp-block-button__link has-textonprimary-color has-vivid-green-cyan-background-color has-text-color has-background wp-element-button">Buy Now</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div></div>
<!-- /wp:greenshift-blocks/swipe -->

<!-- wp:greenshift-blocks/swipe {"imageurl":"https://greenshiftwp.com/wp-content/uploads/2022/05/cat-7.jpeg","imageid":569,"focalPoint":{"x":"1.00","y":"0.60"},"backgroundColor":"#d8e5ed","disableFlex":true,"bgContain":true,"id":"gsbp-a4d1b43"} -->
<div class="swiper-slide"><div class="wp-block-greenshift-blocks-swipe swiper-slide-inner gspb_sliderinner-id-gsbp-a4d1b43"><div class="slider-overlaybg"></div><div class="slider-content-zone"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"style":{"typography":{"fontSize":"35px","lineHeight":"1.3"}}} -->
<h2 class="wp-block-heading" id="best-accessories-for-this-summer" style="font-size:35px;line-height:1.3"><strong>Best Accessories for this summer</strong></h2>
<!-- /wp:heading -->

<!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"15px"},"color":{"text":"#828282"}}} -->
<p class="has-text-color" style="color:#828282;font-size:15px">Bags & Acsessories & Lingerie & Sportswear & Beauty & Swimwear</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"40px"} -->
<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"luminous-vivid-orange","textColor":"textonprimary","className":"is-style-cubebtndark"} -->
<div class="wp-block-button is-style-cubebtndark"><a class="wp-block-button__link has-textonprimary-color has-luminous-vivid-orange-background-color has-text-color has-background wp-element-button">Buy Now</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div></div>
<!-- /wp:greenshift-blocks/swipe --></div></div><div class="swiper-pagination"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-scrollbar"></div></div></div>
<!-- /wp:greenshift-blocks/swiper -->

<!-- wp:greenshift-blocks/heading {"id":"gsbp-f453f43","headingContent":"Vertical Slider Orientation","spacing":{"margin":{"values":{"bottom":[0],"top":[0]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"headingSeparator":true,"headingSepSpacing":{"margin":{"values":{"right":[17]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"spacingBlock":{"margin":{"values":{"bottom":[40]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"headingSepWidth":[40,null,null,null],"headingSepVJustify":"center","headingSepShadow":true,"headingSepType":"circle","numberCircle":"4","enablesubTitle":true,"subTitle":"You can change orientation of slider","typographysubTitle":{"textShadow":{},"customweight":"normal","line_height":[15]}} -->
<div class="gspb_heading_sep_gsbp-f453f43"><div class="gspb_heading_sep gspb_heading_sep_before"><div class="gs-numhead__circle"><span>4</span></div></div><h2 id="gspb_heading-id-gsbp-f453f43" class="gspb_heading gspb_heading-id-gsbp-f453f43 ">Vertical Slider Orientation<span class="gspb_heading_subtitle">You can change orientation of slider</span></h2></div>
<!-- /wp:greenshift-blocks/heading -->

<!-- wp:greenshift-blocks/swiper {"id":"gsbp-3185d058-3516","tabs":3,"spaceBetween":[0,10,10,10],"spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"top":[null,null,null,20],"right":[null,null,null,20],"bottom":[null,null,null,20],"left":[null,null,null,20]},"unit":["px","px","px","px"],"locked":true}},"slideHeight":[500,null,null,null],"textColor":"#ffffff","speed":600,"grabCursor":true,"navigationarrows":false,"navColor":"#ffffff","navradius":10,"navshadow":false,"bulletPos":"-24px","bulletBg":"#ffffff","effect":"regular","vertical":true,"scrollbarBg":"#00d084","border":{"borderRadius":{"values":{"topLeft":["15"],"topRight":["15"],"bottomRight":["15"],"bottomLeft":["15"]},"unit":"px","locked":true},"style":{},"size":{},"color":{},"styleHover":{},"sizeHover":{},"colorHover":{}},"customparams":{"prev":{"translateX":"0px","translateY":"0px","translateZ":"-300px","rotateX":0,"rotateY":0,"rotateZ":0,"opacity":1,"shadow":false,"scale":0.3,"origin":""},"next":{"translateX":"100%","translateY":"0px","translateZ":"0px","rotateX":0,"rotateY":0,"rotateZ":60,"opacity":1,"shadow":false,"scale":1,"origin":""}},"align":"wide","className":"wp-block-greenshift-blocks-swipe"} -->
<div class="wp-block-greenshift-blocks-swiper alignwide gs-swiper gspb_slider-id-gsbp-3185d058-3516 wp-block-greenshift-blocks-swipe" style="position:relative"><div class="gs-swiper-init" data-slidesperview="1" data-spacebetween="0" data-spacebetweenmd="10" data-spacebetweensm="10" data-spacebetweenxs="10" data-speed="600" data-loop="false" data-vertical="true" data-verticalheight="500px" data-autoheight="false" data-grabcursor="true" data-freemode="false" data-centered="false" data-autoplay="false" data-autodelay="4000" data-effect="regular" data-coverflowshadow="false"><div class="swiper"><div class="swiper-wrapper"><!-- wp:greenshift-blocks/swipe {"imageurl":"https://greenshiftwp.com/wp-content/uploads/2022/05/slider-image-11.jpeg","imageid":571,"overlayOpacity":60,"overlayGradient":"linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%)","id":"gsbp-4dafb9b"} -->
<div class="swiper-slide"><div class="wp-block-greenshift-blocks-swipe swiper-slide-inner gspb_sliderinner-id-gsbp-4dafb9b"><div class="slider-overlaybg"></div><div class="slider-content-zone"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"60px","lineHeight":"1.3"}},"textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color" id="say-hello-greenshift-sliders" style="font-size:60px;line-height:1.3">Say Hello Greenshift Sliders</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","placeholder":"Add content here or replace by custom block","textColor":"white","fontSize":"medium"} -->
<p class="has-text-align-center has-white-color has-text-color has-medium-font-size">Make custom sliders faster with better design</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"50px"} -->
<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"vivid-green-cyan","textColor":"textonprimary","className":"is-style-cubebtndark"} -->
<div class="wp-block-button is-style-cubebtndark"><a class="wp-block-button__link has-textonprimary-color has-vivid-green-cyan-background-color has-text-color has-background wp-element-button">Buy Greenshift</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div></div></div>
<!-- /wp:greenshift-blocks/swipe -->

<!-- wp:greenshift-blocks/swipe {"imageurl":"https://greenshiftwp.com/wp-content/uploads/2022/05/game.jpeg","imageid":573,"overlayOpacity":60,"overlayGradient":"linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%)","id":"gsbp-65b229d"} -->
<div class="swiper-slide"><div class="wp-block-greenshift-blocks-swipe swiper-slide-inner gspb_sliderinner-id-gsbp-65b229d"><div class="slider-overlaybg"></div><div class="slider-content-zone"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"40px","lineHeight":"1.3"}},"textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color" id="unlimited-possibilities-for-slider-1" style="font-size:40px;line-height:1.3">Unlimited possibilities for slider</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","placeholder":"Add content here or replace by custom block","textColor":"white","fontSize":"medium"} -->
<p class="has-text-align-center has-white-color has-text-color has-medium-font-size">Make custom sliders faster with better design</p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:greenshift-blocks/swipe -->

<!-- wp:greenshift-blocks/swipe {"imageurl":"https://greenshiftwp.com/wp-content/uploads/2022/05/fold.jpeg","imageid":572,"overlayOpacity":60,"overlayGradient":"linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%)","id":"gsbp-01f1f3a"} -->
<div class="swiper-slide"><div class="wp-block-greenshift-blocks-swipe swiper-slide-inner gspb_sliderinner-id-gsbp-01f1f3a"><div class="slider-overlaybg"></div><div class="slider-content-zone"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"40px","lineHeight":"1.3"}},"textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color" id="best-design-and-options-1" style="font-size:40px;line-height:1.3">Best design and options</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","placeholder":"Add content here or replace by custom block","textColor":"white","fontSize":"medium"} -->
<p class="has-text-align-center has-white-color has-text-color has-medium-font-size">Make custom sliders faster with better design</p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:greenshift-blocks/swipe --></div></div><div class="swiper-pagination"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-scrollbar"></div></div></div>
<!-- /wp:greenshift-blocks/swiper -->

<!-- wp:greenshift-blocks/heading {"id":"gsbp-d566e3b","headingContent":"Full visible items for slider","spacing":{"margin":{"values":{"bottom":[0],"top":[0]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"headingSeparator":true,"headingSepSpacing":{"margin":{"values":{"right":[17]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"spacingBlock":{"margin":{"values":{"bottom":[40]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"headingSepWidth":[40,null,null,null],"headingSepVJustify":"center","headingSepShadow":true,"headingSepType":"circle","numberCircle":"5","enablesubTitle":true,"subTitle":"Also, this example has Scale effect","typographysubTitle":{"textShadow":{},"customweight":"normal","line_height":[15]}} -->
<div class="gspb_heading_sep_gsbp-d566e3b"><div class="gspb_heading_sep gspb_heading_sep_before"><div class="gs-numhead__circle"><span>5</span></div></div><h2 id="gspb_heading-id-gsbp-d566e3b" class="gspb_heading gspb_heading-id-gsbp-d566e3b ">Full visible items for slider<span class="gspb_heading_subtitle">Also, this example has Scale effect</span></h2></div>
<!-- /wp:greenshift-blocks/heading -->

<!-- wp:greenshift-blocks/swiper {"id":"gsbp-df27bb3a-49d0","responsive":{"customcss":".wp-site-blocks{overflow:hidden}"},"tabs":3,"spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"top":[null,null,null,20],"right":[null,null,null,20],"bottom":[null,null,null,20],"left":[null,null,null,20]},"unit":["px","px","px","px"],"locked":true}},"sliderspacing":{"margin":{"values":{"bottom":[60]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"slideHeight":[460,null,null,null],"textColor":"#ffffff","speed":600,"loop":true,"grabCursor":true,"navBg":"#ffffff","navSize":[30,null,null,28],"navSpaceSize":[20,null,null,12],"scaleAmount":88,"navradius":10,"bulletPos":"-24px","bulletSize":10,"bulletBgActive":"#cf2e2e","effect":"scale","overflow":true,"centered":true,"scrollbarBg":"#00d084","border":{"borderRadius":{"values":{"topLeft":10,"topRight":10,"bottomRight":10,"bottomLeft":10},"unit":"px","locked":true},"style":{},"size":{},"color":{},"styleHover":{},"sizeHover":{},"colorHover":{}},"customparams":{"prev":{"translateX":"-100%","translateY":"0px","translateZ":"-300px","rotateX":0,"rotateY":0,"rotateZ":0,"opacity":1,"shadow":false,"scale":1,"origin":""},"next":{"translateX":"100%","translateY":"0px","translateZ":"-300px","rotateX":0,"rotateY":0,"rotateZ":0,"opacity":1,"shadow":false,"scale":1,"origin":""}},"align":"wide","className":"wp-block-greenshift-blocks-swipe"} -->
<div class="wp-block-greenshift-blocks-swiper alignwide gs-swiper gspb_slider-id-gsbp-df27bb3a-49d0 wp-block-greenshift-blocks-swipe" style="position:relative"><div class="gs-swiper-init" data-slidesperview="1" data-spacebetween="10" data-spacebetweenmd="10" data-spacebetweensm="10" data-spacebetweenxs="10" data-speed="600" data-loop="true" data-vertical="false" data-verticalheight="500px" data-autoheight="false" data-grabcursor="true" data-freemode="false" data-centered="true" data-autoplay="false" data-autodelay="4000" data-effect="scale" data-coverflowshadow="false"><div class="swiper"><div class="swiper-wrapper"><!-- wp:greenshift-blocks/swipe {"imageurl":"https://greenshiftwp.com/wp-content/uploads/2022/05/slider-image-12.jpeg","imageid":575,"overlayOpacity":60,"overlayGradient":"linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%)","id":"gsbp-a670064"} -->
<div class="swiper-slide"><div class="wp-block-greenshift-blocks-swipe swiper-slide-inner gspb_sliderinner-id-gsbp-a670064"><div class="slider-overlaybg"></div><div class="slider-content-zone"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"45px","lineHeight":"1.3"}},"textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color" id="say-hello-to-gutencon-sliders-1" style="font-size:45px;line-height:1.3">Say Hello to Greenshift Sliders</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","placeholder":"Add content here or replace by custom block","textColor":"white","fontSize":"medium"} -->
<p class="has-text-align-center has-white-color has-text-color has-medium-font-size">Make custom sliders faster with better design</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"50px"} -->
<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"vivid-green-cyan","textColor":"textonprimary","className":"is-style-cubebtndark"} -->
<div class="wp-block-button is-style-cubebtndark"><a class="wp-block-button__link has-textonprimary-color has-vivid-green-cyan-background-color has-text-color has-background wp-element-button">Buy Greenshift</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div></div></div>
<!-- /wp:greenshift-blocks/swipe -->

<!-- wp:greenshift-blocks/swipe {"imageurl":"https://greenshiftwp.com/wp-content/uploads/2022/05/game.jpeg","imageid":573,"overlayOpacity":60,"overlayGradient":"linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%)","id":"gsbp-1f51ea9"} -->
<div class="swiper-slide"><div class="wp-block-greenshift-blocks-swipe swiper-slide-inner gspb_sliderinner-id-gsbp-1f51ea9"><div class="slider-overlaybg"></div><div class="slider-content-zone"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"40px","lineHeight":"1.3"}},"textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color" id="unlimited-possibilities-for-slider-2" style="font-size:40px;line-height:1.3">Unlimited possibilities for slider</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","placeholder":"Add content here or replace by custom block","textColor":"white","fontSize":"medium"} -->
<p class="has-text-align-center has-white-color has-text-color has-medium-font-size">Make custom sliders faster with better design</p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:greenshift-blocks/swipe -->

<!-- wp:greenshift-blocks/swipe {"imageurl":"https://greenshiftwp.com/wp-content/uploads/2022/05/fold.jpeg","imageid":572,"overlayOpacity":60,"overlayGradient":"linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%)","id":"gsbp-f644f70"} -->
<div class="swiper-slide"><div class="wp-block-greenshift-blocks-swipe swiper-slide-inner gspb_sliderinner-id-gsbp-f644f70"><div class="slider-overlaybg"></div><div class="slider-content-zone"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"40px","lineHeight":"1"}},"textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color" id="best-design-and-options-2" style="font-size:40px;line-height:1">Best design and options</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","placeholder":"Add content here or replace by custom block","textColor":"white","fontSize":"medium"} -->
<p class="has-text-align-center has-white-color has-text-color has-medium-font-size">Make custom sliders faster with better design</p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:greenshift-blocks/swipe --></div></div><div class="swiper-pagination"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-scrollbar"></div></div></div>
<!-- /wp:greenshift-blocks/swiper -->

<!-- wp:greenshift-blocks/heading {"id":"gsbp-b89aea8","headingContent":"Custom control buttons + custom effect","spacing":{"margin":{"values":{"bottom":[0],"top":[0]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"headingSeparator":true,"headingSepSpacing":{"margin":{"values":{"right":[17]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"spacingBlock":{"margin":{"values":{"bottom":[40]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"headingSepWidth":[40,null,null,null],"headingSepVJustify":"center","headingSepShadow":true,"headingSepType":"circle","numberCircle":"6","enablesubTitle":true,"subTitle":"Also, this example has Scale effect","typographysubTitle":{"textShadow":{},"customweight":"normal","line_height":[15]}} -->
<div class="gspb_heading_sep_gsbp-b89aea8"><div class="gspb_heading_sep gspb_heading_sep_before"><div class="gs-numhead__circle"><span>6</span></div></div><h2 id="gspb_heading-id-gsbp-b89aea8" class="gspb_heading gspb_heading-id-gsbp-b89aea8 ">Custom control buttons + custom effect<span class="gspb_heading_subtitle">Also, this example has Scale effect</span></h2></div>
<!-- /wp:greenshift-blocks/heading -->

<!-- wp:greenshift-blocks/infobox {"id":"gsbp-2ccaeb3d-8745"} -->
<div class="wp-block-greenshift-blocks-infobox gspb_infoBox gspb_infoBox-id-gsbp-2ccaeb3d-8745" id="gspb_infoBox-id-gsbp-2ccaeb3d-8745"><div class="gs-box info_type icon_type"><div class="gs-box-icon"><svg x="0px" y="0px" viewBox="0 0 512 512"> <g><g> <path d="M256,0C114.497,0,0,114.507,0,256c0,141.503,114.507,256,256,256c141.503,0,256-114.507,256-256 C512,114.497,397.492,0,256,0z M256,472c-119.393,0-216-96.615-216-216c0-119.393,96.615-216,216-216 c119.393,0,216,96.615,216,216C472,375.393,375.384,472,256,472z"></path> </g> </g> <g> <g> <path d="M256,214.33c-11.046,0-20,8.954-20,20v128.793c0,11.046,8.954,20,20,20s20-8.955,20-20.001V234.33 C276,223.284,267.046,214.33,256,214.33z"></path> </g> </g> <g> <g> <circle cx="256" cy="162.84" r="27"></circle> </g> </g> </svg></div><div class="gs-box-text"><!-- wp:paragraph -->
<p>You can also add custom control to slider. For this, place custom elements in the same row as slider and add classes: gs-slider-control-btn gs-slideto-2. This will trigger second slide and class "active" to your control element</p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:greenshift-blocks/infobox -->

<!-- wp:greenshift-blocks/container {"id":"gsbp-ea44a3aa-6d11","align":"wide","className":"gs-slider-root"} -->
<div class="wp-block-greenshift-blocks-container alignwide gspb_container gspb_container-gsbp-ea44a3aa-6d11 gs-slider-root" id="gspb_container-id-gsbp-ea44a3aa-6d11"><!-- wp:buttons {"style":{"spacing":{"blockGap":"20px","margin":{"bottom":"50px"}}},"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons" style="margin-bottom:50px"><!-- wp:button {"className":"is-style-cubebtnwhite gs-slider-control-btn gs-slideto-1"} -->
<div class="wp-block-button is-style-cubebtnwhite gs-slider-control-btn gs-slideto-1"><a class="wp-block-button__link wp-element-button">First slide</a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-cubebtnwhite gs-slider-control-btn gs-slideto-2"} -->
<div class="wp-block-button is-style-cubebtnwhite gs-slider-control-btn gs-slideto-2"><a class="wp-block-button__link wp-element-button">Second Slide</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:greenshift-blocks/swiper {"id":"gsbp-e0180e94-7d6d","tabs":3,"spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"right":[null,null,null,30],"top":[null,null,null,30],"bottom":[null,null,null,30],"left":[null,null,null,30]},"unit":["px","px","px","px"],"locked":true}},"sliderspacing":{"margin":{"values":{"bottom":[30]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"slideHeight":[460,null,null,null],"textColor":"#ffffff","speed":600,"grabCursor":true,"navColor":"#ffffff","scaleAmount":84,"navradius":10,"navshadow":false,"bulletPos":"-24px","bulletSize":10,"bulletBgActive":"#cf2e2e","effect":"creative","overflow":true,"scrollbarBg":"#00d084","border":{"borderRadius":{"values":{"topLeft":15,"topRight":15,"bottomRight":15,"bottomLeft":15},"unit":"px","locked":true},"style":{},"size":{},"color":{},"styleHover":{},"sizeHover":{},"colorHover":{}},"customparams":{"prev":{"translateX":"-100%","translateY":"0px","translateZ":"-300px","rotateX":0,"rotateY":30,"rotateZ":0,"opacity":1,"shadow":false,"scale":1,"origin":""},"next":{"translateX":"100%","translateY":"0px","translateZ":"-300px","rotateX":0,"rotateY":-30,"rotateZ":0,"opacity":1,"shadow":false,"scale":1,"origin":""}},"align":"wide","className":"wp-block-greenshift-blocks-swipe"} -->
<div class="wp-block-greenshift-blocks-swiper alignwide gs-swiper gspb_slider-id-gsbp-e0180e94-7d6d wp-block-greenshift-blocks-swipe" style="position:relative"><div class="gs-swiper-init" data-slidesperview="1" data-spacebetween="10" data-spacebetweenmd="10" data-spacebetweensm="10" data-spacebetweenxs="10" data-speed="600" data-loop="false" data-vertical="false" data-verticalheight="500px" data-autoheight="false" data-grabcursor="true" data-freemode="false" data-centered="false" data-autoplay="false" data-autodelay="4000" data-effect="creative" data-coverflowshadow="false" data-customparams="{"prev":{"translateX":"-100%","translateY":"0px","translateZ":"-300px","rotateX":0,"rotateY":30,"rotateZ":0,"opacity":1,"shadow":false,"scale":1,"origin":""},"next":{"translateX":"100%","translateY":"0px","translateZ":"-300px","rotateX":0,"rotateY":-30,"rotateZ":0,"opacity":1,"shadow":false,"scale":1,"origin":""}}"><div class="swiper"><div class="swiper-wrapper"><!-- wp:greenshift-blocks/swipe {"imageurl":"https://greenshiftwp.com/wp-content/uploads/2022/05/slider-image-11.jpeg","imageid":571,"overlayOpacity":60,"overlayGradient":"linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%)","id":"gsbp-128959a"} -->
<div class="swiper-slide"><div class="wp-block-greenshift-blocks-swipe swiper-slide-inner gspb_sliderinner-id-gsbp-128959a"><div class="slider-overlaybg"></div><div class="slider-content-zone"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"50px","lineHeight":"1.3"}},"textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color" id="say-hello-to-gutencon-sliders-2" style="font-size:50px;line-height:1.3">Say Hello to Greenshift Sliders</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","placeholder":"Add content here or replace by custom block","textColor":"white","fontSize":"medium"} -->
<p class="has-text-align-center has-white-color has-text-color has-medium-font-size">Make custom sliders faster with better design</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"50px"} -->
<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"vivid-green-cyan","textColor":"textonprimary","className":"is-style-cubebtndark"} -->
<div class="wp-block-button is-style-cubebtndark"><a class="wp-block-button__link has-textonprimary-color has-vivid-green-cyan-background-color has-text-color has-background wp-element-button">Buy Greenshift</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div></div></div>
<!-- /wp:greenshift-blocks/swipe -->

<!-- wp:greenshift-blocks/swipe {"imageurl":"https://greenshiftwp.com/wp-content/uploads/2022/05/game.jpeg","imageid":573,"overlayOpacity":60,"overlayGradient":"linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%)","id":"gsbp-3234bc4"} -->
<div class="swiper-slide"><div class="wp-block-greenshift-blocks-swipe swiper-slide-inner gspb_sliderinner-id-gsbp-3234bc4"><div class="slider-overlaybg"></div><div class="slider-content-zone"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"40px","lineHeight":"1.3"}},"textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color" id="unlimited-possibilities-for-slider-3" style="font-size:40px;line-height:1.3">Unlimited possibilities for slider</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","placeholder":"Add content here or replace by custom block","textColor":"white","fontSize":"medium"} -->
<p class="has-text-align-center has-white-color has-text-color has-medium-font-size">Make custom sliders faster with better design</p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:greenshift-blocks/swipe -->

<!-- wp:greenshift-blocks/swipe {"imageurl":"https://greenshiftwp.com/wp-content/uploads/2022/05/fold.jpeg","imageid":572,"overlayOpacity":60,"overlayGradient":"linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%)","id":"gsbp-eb17876"} -->
<div class="swiper-slide"><div class="wp-block-greenshift-blocks-swipe swiper-slide-inner gspb_sliderinner-id-gsbp-eb17876"><div class="slider-overlaybg"></div><div class="slider-content-zone"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"40px","lineHeight":"1"}},"textColor":"white"} -->
<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color" id="best-design-and-options-3" style="font-size:40px;line-height:1">Best design and options</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","placeholder":"Add content here or replace by custom block","textColor":"white","fontSize":"medium"} -->
<p class="has-text-align-center has-white-color has-text-color has-medium-font-size">Make custom sliders faster with better design</p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:greenshift-blocks/swipe --></div></div><div class="swiper-pagination"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-scrollbar"></div></div></div>
<!-- /wp:greenshift-blocks/swiper --></div>
<!-- /wp:greenshift-blocks/container -->

<!-- wp:greenshift-blocks/heading {"id":"gsbp-b7b8db7","headingContent":"Slider synchronization","spacing":{"margin":{"values":{"bottom":[0],"top":[0]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"headingSeparator":true,"headingSepSpacing":{"margin":{"values":{"right":[17]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"spacingBlock":{"margin":{"values":{"bottom":[40]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"headingSepWidth":[40,null,null,null],"headingSepVJustify":"center","headingSepShadow":true,"headingSepType":"circle","numberCircle":"7","enablesubTitle":true,"subTitle":"Synchronize two sliders together","typographysubTitle":{"textShadow":{},"customweight":"normal","line_height":[15]}} -->
<div class="gspb_heading_sep_gsbp-b7b8db7"><div class="gspb_heading_sep gspb_heading_sep_before"><div class="gs-numhead__circle"><span>7</span></div></div><h2 id="gspb_heading-id-gsbp-b7b8db7" class="gspb_heading gspb_heading-id-gsbp-b7b8db7 ">Slider synchronization<span class="gspb_heading_subtitle">Synchronize two sliders together</span></h2></div>
<!-- /wp:greenshift-blocks/heading -->

<!-- wp:paragraph -->
<p>You can synchronize two sliders together. For this, use next panel in Slider options. Each slide has own unique class, you can copy it from one slide and use as control option for another slide. You can use it as direct control and also as reverse (when two sliders synchronized with each other)</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":3013,"width":"298px","height":"356px","sizeSlug":"full","linkDestination":"none","align":"center"} -->
<figure class="wp-block-image aligncenter size-full is-resized"><img src="https://greenshiftwp.com/wp-content/uploads/2022/05/slidersync.jpg" alt="" class="wp-image-3013" style="width:298px;height:356px"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>In this example, we use two sliders with different directions</p>
<!-- /wp:paragraph -->

<!-- wp:greenshift-blocks/row {"id":"gsbp-370e7081-96f3","align":"wide","rowLayout":"2","displayStyles":false,"border":{"borderRadius":{"values":{},"unit":"px","locked":true},"style":{"all":["solid"]},"size":{"all":[1]},"color":{"all":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002dlightborder, #cecece6b)"]},"styleHover":{},"sizeHover":{},"colorHover":{}},"spacing":{"margin":{"values":{"top":[30],"bottom":[30]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}}} -->
<div class="wp-block-greenshift-blocks-row alignwide gspb_row gspb_row-id-gsbp-370e7081-96f3" id="gspb_row-id-gsbp-370e7081-96f3"><div class="gspb_row__content"> <!-- wp:greenshift-blocks/row-column {"id":"gsbp-83cb2456-ea70","columnSize":"6","spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"top":[0],"right":[0],"bottom":[0],"left":[0]},"unit":["px","px","px","px"],"locked":true}}} -->
<div class="wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-83cb2456-ea70" id="gspb_col-id-gsbp-83cb2456-ea70"><!-- wp:greenshift-blocks/swiper {"id":"gsbp-ac360e09-b727","syncedSlider":".gspb_slider-id-gsbp-1fa86759-3902","syncedSliderBoth":true,"tabs":3,"slideHeight":[400,null,null,null],"navSize":[19,null,null,null],"navSpaceSize":[12,null,null,null],"navradius":50,"bullets":false,"enableArrowBorder":false} -->
<div class="wp-block-greenshift-blocks-swiper gs-swiper gspb_slider-id-gsbp-ac360e09-b727" style="position:relative"><div class="gs-swiper-init" data-slidesperview="1" data-spacebetween="10" data-spacebetweenmd="10" data-spacebetweensm="10" data-spacebetweenxs="10" data-speed="400" data-loop="false" data-vertical="false" data-verticalheight="500px" data-autoheight="false" data-grabcursor="false" data-freemode="false" data-centered="false" data-autoplay="false" data-autodelay="4000" data-effect="" data-coverflowshadow="false" data-syncedslider=".gspb_slider-id-gsbp-1fa86759-3902" data-syncedsliderboth="true"><div class="swiper"><div class="swiper-wrapper"><!-- wp:greenshift-blocks/swipe {"id":"gsbp-b27a9cb"} -->
<div class="swiper-slide"><div class="wp-block-greenshift-blocks-swipe swiper-slide-inner gspb_sliderinner-id-gsbp-b27a9cb"><div class="slider-content-zone"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|50","padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"35px","lineHeight":"1.3"}}} -->
<h2 class="wp-block-heading has-text-align-center" id="best-accessories-for-this-summer" style="font-size:35px;line-height:1.3"><strong>Best Car for this summer</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"15px"},"color":{"text":"#828282"}}} -->
<p class="has-text-align-center has-text-color" style="color:#828282;font-size:15px">Bags & Acsessories &<br>Lingerie & Sportswear &<br>Beauty & Swimwear</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"vivid-red","textColor":"textonprimary","className":"is-style-cubebtndark"} -->
<div class="wp-block-button is-style-cubebtndark"><a class="wp-block-button__link has-textonprimary-color has-vivid-red-background-color has-text-color has-background wp-element-button">Buy Now</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div></div></div>
<!-- /wp:greenshift-blocks/swipe -->

<!-- wp:greenshift-blocks/swipe {"id":"gsbp-83279f9"} -->
<div class="swiper-slide"><div class="wp-block-greenshift-blocks-swipe swiper-slide-inner gspb_sliderinner-id-gsbp-83279f9"><div class="slider-content-zone"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|50","padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"35px","lineHeight":"1.3"}}} -->
<h2 class="wp-block-heading has-text-align-center" id="best-accessories-for-this-summer" style="font-size:35px;line-height:1.3"><strong>Best Car for this </strong>autumn</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"15px"},"color":{"text":"#828282"}}} -->
<p class="has-text-align-center has-text-color" style="color:#828282;font-size:15px">Bags & Acsessories &<br>Lingerie & Sportswear &<br>Beauty & Swimwear</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"accenttwo","textColor":"textonprimary","className":"is-style-cubebtndark"} -->
<div class="wp-block-button is-style-cubebtndark"><a class="wp-block-button__link has-textonprimary-color has-accenttwo-background-color has-text-color has-background wp-element-button">Buy Now</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div></div></div>
<!-- /wp:greenshift-blocks/swipe -->

<!-- wp:greenshift-blocks/swipe {"id":"gsbp-3ebaa59"} -->
<div class="swiper-slide"><div class="wp-block-greenshift-blocks-swipe swiper-slide-inner gspb_sliderinner-id-gsbp-3ebaa59"><div class="slider-content-zone"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|50","padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"35px","lineHeight":"1.3"}}} -->
<h2 class="wp-block-heading has-text-align-center" id="best-accessories-for-this-summer" style="font-size:35px;line-height:1.3"><strong>Best Car for this </strong>winter</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"15px"},"color":{"text":"#828282"}}} -->
<p class="has-text-align-center has-text-color" style="color:#828282;font-size:15px">Bags & Acsessories &<br>Lingerie & Sportswear &<br>Beauty & Swimwear</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"secondary","textColor":"textonprimary","className":"is-style-cubebtndark"} -->
<div class="wp-block-button is-style-cubebtndark"><a class="wp-block-button__link has-textonprimary-color has-secondary-background-color has-text-color has-background wp-element-button">Buy Now</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div></div></div>
<!-- /wp:greenshift-blocks/swipe --></div></div><div class="swiper-pagination"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-scrollbar"></div></div></div>
<!-- /wp:greenshift-blocks/swiper --></div>
<!-- /wp:greenshift-blocks/row-column -->

<!-- wp:greenshift-blocks/row-column {"id":"gsbp-862f3278-c2fb","columnSize":"6","spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"top":[0],"right":[0],"bottom":[0],"left":[0]},"unit":["px","px","px","px"],"locked":true}}} -->
<div class="wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-862f3278-c2fb" id="gspb_col-id-gsbp-862f3278-c2fb"><!-- wp:greenshift-blocks/swiper {"id":"gsbp-1fa86759-3902","tabs":3,"slideHeight":[400,null,null,null],"navigationarrows":false,"bullets":false,"vertical":true,"verticalHeight":"400px"} -->
<div class="wp-block-greenshift-blocks-swiper gs-swiper gspb_slider-id-gsbp-1fa86759-3902" style="position:relative"><div class="gs-swiper-init" data-slidesperview="1" data-spacebetween="10" data-spacebetweenmd="10" data-spacebetweensm="10" data-spacebetweenxs="10" data-speed="400" data-loop="false" data-vertical="true" data-verticalheight="400px" data-autoheight="false" data-grabcursor="false" data-freemode="false" data-centered="false" data-autoplay="false" data-autodelay="4000" data-effect="" data-coverflowshadow="false"><div class="swiper"><div class="swiper-wrapper"><!-- wp:greenshift-blocks/swipe {"imageurl":"https://greenshiftwp.com/wp-content/uploads/2023/05/nuno_car_front_view_detail_of_a_raceway_night_side_drifting_lea_4f98b199-2a45-43ec-810e-ff59b0c5703a.webp","imageid":2844,"id":"gsbp-1ff7904"} -->
<div class="swiper-slide"><div class="wp-block-greenshift-blocks-swipe swiper-slide-inner gspb_sliderinner-id-gsbp-1ff7904"><div class="slider-overlaybg"></div><div class="slider-content-zone"><!-- wp:paragraph {"align":"center","placeholder":"Add content here or replace by custom block","fontSize":"medium"} -->
<p class="has-text-align-center has-medium-font-size"></p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:greenshift-blocks/swipe -->

<!-- wp:greenshift-blocks/swipe {"imageurl":"https://greenshiftwp.com/wp-content/uploads/2023/05/iLLbebaaack_futuristic_porsche_gt3_669d0562-7dd1-4c44-a41e-796b64987119.webp","imageid":2842,"id":"gsbp-dd00466"} -->
<div class="swiper-slide"><div class="wp-block-greenshift-blocks-swipe swiper-slide-inner gspb_sliderinner-id-gsbp-dd00466"><div class="slider-overlaybg"></div><div class="slider-content-zone"><!-- wp:paragraph {"align":"center","placeholder":"Add content here or replace by custom block","fontSize":"medium"} -->
<p class="has-text-align-center has-medium-font-size"></p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:greenshift-blocks/swipe -->

<!-- wp:greenshift-blocks/swipe {"imageurl":"https://greenshiftwp.com/wp-content/uploads/2023/05/Serbiandude_Hyper_carnight_cityneon_glowstylegran_turismo_457c9fdd-5d92-4ceb-8ed6-648495e20074.webp","imageid":2841,"id":"gsbp-a0d478d"} -->
<div class="swiper-slide"><div class="wp-block-greenshift-blocks-swipe swiper-slide-inner gspb_sliderinner-id-gsbp-a0d478d"><div class="slider-overlaybg"></div><div class="slider-content-zone"><!-- wp:paragraph {"align":"center","placeholder":"Add content here or replace by custom block","fontSize":"medium"} -->
<p class="has-text-align-center has-medium-font-size"></p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:greenshift-blocks/swipe --></div></div><div class="swiper-pagination"></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-scrollbar"></div></div></div>
<!-- /wp:greenshift-blocks/swiper --></div>
<!-- /wp:greenshift-blocks/row-column --> </div></div>
<!-- /wp:greenshift-blocks/row -->

<!-- wp:greenshift-blocks/heading {"id":"gsbp-b2c03ac","headingContent":"Full page Slider","spacing":{"margin":{"values":{"bottom":[0],"top":[0]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"headingSeparator":true,"headingSepSpacing":{"margin":{"values":{"right":[17]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"spacingBlock":{"margin":{"values":{"bottom":[40]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"headingSepWidth":[40,null,null,null],"headingSepVJustify":"center","headingSepShadow":true,"headingSepType":"circle","numberCircle":"8","enablesubTitle":true,"subTitle":"How to make full page slider","typographysubTitle":{"textShadow":{},"customweight":"normal","line_height":[15]}} -->
<div class="gspb_heading_sep_gsbp-b2c03ac"><div class="gspb_heading_sep gspb_heading_sep_before"><div class="gs-numhead__circle"><span>8</span></div></div><h2 id="gspb_heading-id-gsbp-b2c03ac" class="gspb_heading gspb_heading-id-gsbp-b2c03ac ">Full page Slider<span class="gspb_heading_subtitle">How to make full page slider</span></h2></div>
<!-- /wp:greenshift-blocks/heading -->

<!-- wp:paragraph -->
<p>Greenshift slider has some special features like Keyboard and mouseWheel control. This makes it available for such complex things like Full page sliders. Click on image to see the demo</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":3081,"sizeSlug":"large","linkDestination":"custom"} -->
<figure class="wp-block-image size-large"><a href="https://greenshift.wpsoul.net/full-page-slider/"><img src="https://greenshiftwp.com/wp-content/uploads/2022/05/slider-1024x459.jpg" alt="" class="wp-image-3081"/></a></figure>
<!-- /wp:image -->

<!-- wp:greenshift-blocks/heading {"id":"gsbp-7acc5d6","headingContent":"Ken Burns Effects","spacing":{"margin":{"values":{"bottom":["0px"],"top":["0px"]},"locked":false},"padding":{"values":{},"locked":false}},"headingSeparator":true,"headingSepSpacing":{"margin":{"values":{"right":["17px"]},"locked":false},"padding":{"values":{},"locked":false}},"spacingBlock":{"margin":{"values":{"bottom":["40px"]},"locked":false},"padding":{"values":{},"locked":false}},"headingSepWidth":[40,null,null,null],"headingSepVJustify":"center","headingSepType":"circle","numberCircle":"9","enablesubTitle":true,"subTitle":"Easily enable popular ken Burns effect","spacingsubTitle":{"margin":{"values":{"top":["2px"]},"locked":false},"padding":{"values":{},"locked":false}},"typographysubTitle":{"textShadow":{},"customweight":"normal"},"isVariation":"circleheading"} -->
<div class="gspb_heading_sep_gsbp-7acc5d6"><div class="gspb_heading_sep gspb_heading_sep_before"><div class="gs-numhead__circle"><span>9</span></div></div><h2 id="gspb_heading-id-gsbp-7acc5d6" class="gspb_heading gspb_heading-id-gsbp-7acc5d6 ">Ken Burns Effects<span class="gspb_heading_subtitle">Easily enable popular ken Burns effect</span></h2></div>
<!-- /wp:greenshift-blocks/heading -->

<!-- wp:video {"id":3416} -->
<figure class="wp-block-video"><video controls src="https://greenshiftwp.com/wp-content/uploads/2023/09/kenburns.mp4"></video></figure>
<!-- /wp:video -->

<!-- wp:paragraph -->
<p>You can download this slider in Greenshift Library - Experimental. (click on top right blue icon in editor)</p>
<!-- /wp:paragraph -->

<!-- wp:greenshift-blocks/heading {"id":"gsbp-7f027f6","headingContent":"Parallax Slider","headingSeparator":true,"headingSepSpacing":{"margin":{"values":{"right":["17px"]},"locked":false},"padding":{"values":{},"locked":false}},"spacingBlock":{"margin":{"values":{"bottom":["40px"]},"locked":false},"padding":{"values":{},"locked":false}},"headingSepWidth":[40,null,null,null],"headingSepVJustify":"center","headingSepType":"circle","numberCircle":"10","enablesubTitle":true,"subTitle":"Build complex parallax effects","spacingsubTitle":{"margin":{"values":{"top":["2px"]},"locked":false},"padding":{"values":{},"locked":false}},"typographysubTitle":{"textShadow":{},"customweight":"normal"},"isVariation":"circleheading"} -->
<div class="gspb_heading_sep_gsbp-7f027f6"><div class="gspb_heading_sep gspb_heading_sep_before"><div class="gs-numhead__circle"><span>10</span></div></div><h2 id="gspb_heading-id-gsbp-7f027f6" class="gspb_heading gspb_heading-id-gsbp-7f027f6 ">Parallax Slider<span class="gspb_heading_subtitle">Build complex parallax effects</span></h2></div>
<!-- /wp:greenshift-blocks/heading -->

<!-- wp:video {"id":3451} -->
<figure class="wp-block-video"><video controls src="https://greenshiftwp.com/wp-content/uploads/2023/10/swiperparallax.mp4"></video></figure>
<!-- /wp:video -->

<!-- wp:paragraph -->
<p>To add parallax effect, you need to enable parallax in Slider Image effects panel. You can also add parallax strength for slider images. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>You can also add parallax to inner items, for this, select special data-parallax attributes. </p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":3452,"width":"281px","height":"430px","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="https://greenshiftwp.com/wp-content/uploads/2023/10/parallax.jpg" alt="" class="wp-image-3452" style="width:281px;height:430px"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Example of slider is available in Library - Experimental</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":3453,"width":"355px","height":"254px","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="https://greenshiftwp.com/wp-content/uploads/2022/05/library.jpg" alt="" class="wp-image-3453" style="width:355px;height:254px"/></figure>
<!-- /wp:image -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="slider-conversions">Slider Conversions</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>For time saving, you can also easily convert regular Core gallery to slider. See how it works in video</p>
<!-- /wp:paragraph -->

<!-- wp:video {"id":584} -->
<figure class="wp-block-video"><video autoplay controls loop muted src="https://greenshiftwp.com/wp-content/uploads/2022/05/galleryconvert.mp4" playsinline></video></figure>
<!-- /wp:video -->

<!-- wp:paragraph -->
<p>You can convert also CSS grid to slider</p>
<!-- /wp:paragraph -->

<!-- wp:video {"id":3038} -->
<figure class="wp-block-video"><video controls src="https://greenshiftwp.com/wp-content/uploads/2023/05/containertoslider.mp4"></video></figure>
<!-- /wp:video -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="slider-synchronization-with-containers">Slider Synchronization with Containers</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>You can sync not only slider to slider but slider to containers or accordions. This works based on child items. For example, you have slider with 3 slides. Now, add container and put direct 3 childs to container, add specific class to container in <a href="https://greenshiftwp.com/documentation/greenshift-extra/global-and-local-class-system/" data-type="documentation" data-id="3786">class system</a> and put the same class in Slider option - Container Synchronizations. Now, each child of container is paired with each slide. If you click on second child of container, this will also turn second slide. Also, each slide changing will add "active" class to paired container. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Important. This works better with Loop option and autoplay.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Check demo on <a href="https://greenshiftwp.com/fancy/accordion-synchronization-with-slider/" data-type="fancy" data-id="4391">Fancy Academy page</a></p>
<!-- /wp:paragraph -->

<!-- wp:greenshift-blocks/image {"id":"gsbp-dac5a3d","originalWidth":2502,"originalHeight":1588,"mediaurl":"https://greenshiftwp.com/wp-content/uploads/2022/05/sync.jpg","mediaid":4422,"alt":""} -->
<div class="wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-dac5a3d" id="gspb_image-id-gsbp-dac5a3d"><img src="https://greenshiftwp.com/wp-content/uploads/2022/05/sync.jpg" data-src="" alt="" loading="lazy" width="2502" height="1588"/></div>
<!-- /wp:greenshift-blocks/image -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="animations-of-elements-inside-slider">Animations  of elements inside Slider</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>You can also add some animations for inner elements in slider. They will be animated only when your slider item is active. For this, you can use Css transform or Animation Container.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>The most easiest way to animate elements on active slide is to use Animation panel and enable special option for Parent .active class</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":5355,"width":"300px","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="https://greenshiftwp.com/wp-content/uploads/2022/05/[email protected]" alt="" class="wp-image-5355" style="width:300px"/><figcaption class="wp-element-caption">Screenshot</figcaption></figure>
<!-- /wp:image -->
interactions, slider
One response to “Advanced Slider and carousel”

Milano

August 30, 2022

This is incredible! It’s amazingly easiest than other builders!!
Advanced Slider and carousel

Slider with inner blocksIt has also custom Slider effect

Fēnix 6X smartwatch – Pro and Sapphire Editions Black with Black Band and sport health functions

Enduro smartwatches

Instinct® Solar

Slider with custom effectThis slider has also custom arrow buttons, scrollbar and custom sliding effect

Say Hello to Greenshift Sliders

Unlimited possibilities for slider

Best design and options

Slider as Cards EffectIt has also inner block with buttons as Card

Best Accessories for this summer

Best Accessories for this summer

Best Accessories for this summer

Vertical Slider OrientationYou can change orientation of slider

Say Hello Greenshift Sliders

Unlimited possibilities for slider

Best design and options

Full visible items for sliderAlso, this example has Scale effect

Say Hello to Greenshift Sliders

Unlimited possibilities for slider

Best design and options

Custom control buttons + custom effectAlso, this example has Scale effect

Say Hello to Greenshift Sliders

Unlimited possibilities for slider

Best design and options

Slider synchronizationSynchronize two sliders together

Best Car for this summer

Best Car for this autumn

Best Car for this winter

Full page SliderHow to make full page slider

Ken Burns EffectsEasily enable popular ken Burns effect

Parallax SliderBuild complex parallax effects

Slider Conversions

Slider Synchronization with Containers

Animations of elements inside Slider

One response to “Advanced Slider and carousel”
