Greenshift WordPress
Free Download

6.2 Update – Slider animations, wheel and keyboard control, better panels

Blog Staff

The next major update is released and here are some details

Slider update

We added many improvements in the slider and this opens the door to new things and designs. First, you can now enable Mouse Wheel (which also works on touchpads) and keyboard control. Also, Free Swipe has support for snapping. This unlocks your slider to be Full height section swiping and Once screen Full-width pages. You can also synchronize it with other sliders and make interesting designs. We added an example in Library

Another new feature – custom pagination element. In the same template, you can see that the bottom area has 01/05 pagination. It’s a custom block. You can place it in any place and design it as you want, the slider will update a number of active slides automatically.

Updated CSS transform panel and Active States

Now, it has custom units for all Shift options, so, more flexibility. Also, it has some updates in UI, and what is most interesting is – the New Active state. Now, you can add animations for the active slider, tab, accordion, Flip states, etc.

It’s working easily. Set Initial value, for example, zero opacity, and active value, for example, 1 opacity. Then, the element will be animated once the parent element will have an Active class. You can set your own class or select existing from other dynamic blocks. Check details on Slider page

Slider trigger for Animation Container

Animation Container block has an Active Slide trigger. If CSS transformation feature is not enough for you, use Animation Container. It can be useful to add more complex text effects.

Woocommerce Ajax Grid template for Wholesale sites

What is the difference between a regular woocommerce grid and a Wholesale? On wholesale sites, buyers must buy quickly from archive pages. Of course, you can use Quick View, but this is another click for buyers and another layer. Imagine that you must buy hundreds of products, variations, etc. For this purpose, we added a Button with Quantity and variations block and a special Ajax grid pattern. Now, users can buy the required amount of items and variations directly from the page without visiting the product page and without using quick view popups

Improvement for Flexbox

We continue our development phase for Productivity. So, we added a toolbar control for Flexbox. Now, it’s easier to see which kind of layout you have for inner items.

Typography Font Size Presets

Many users feel overwhelmed by different global settings. They see global presets from plugin, from theme, from WordPress Core. We put this together and give more priority to the Style editor of WordPress, in the same time we provide options to make custom presets and save them in plugin

Now, small but useful update, you can select the registered theme preset for size. To select them, uncheck the settings icon in Font Size.

Copy this post’s content
<!-- wp:paragraph -->
<p>The next major update is released and here are some details</p>
<!-- /wp:paragraph -->

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

<!-- wp:paragraph -->
<p>We added many improvements in the slider and this opens the door to new things and designs. First, you can now enable Mouse Wheel (which also works on touchpads) and keyboard control. Also, Free Swipe has support for snapping. This unlocks your slider to be Full height section swiping and Once screen Full-width pages. You can also synchronize it with other sliders and make interesting designs. We added <a href="https://greenshift.wpsoul.net/full-page-slider/">an example in Library</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Another new feature - custom pagination element. In the same template, you can see that the bottom area has 01/05 pagination. It's a custom block. You can place it in any place and design it as you want, the slider will update a number of active slides automatically.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="updated-css-transform-panel-and-active-states">Updated CSS transform panel and Active States</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Now, it has custom units for all Shift options, so, more flexibility. Also, it has some updates in UI, and what is most interesting is - the New Active state. Now, you can add animations for the active slider, tab, accordion, Flip states, etc. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>It's working easily. Set Initial value, for example, zero opacity, and active value, for example, 1 opacity. Then, the element will be animated once the parent element will have an Active class. You can set your own class or select existing from other dynamic blocks. <a href="https://greenshiftwp.com/advanced-slider-and-carousel/" data-type="post" data-id="565">Check details on Slider page</a></p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="slider-trigger-for-animation-container">Slider trigger for Animation Container</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Animation Container block has an Active Slide trigger. If CSS transformation feature is not enough for you, use Animation Container. It can be useful to add more complex text effects. </p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="woocommerce-ajax-grid-template-for-wholesale-sites">Woocommerce Ajax Grid template for Wholesale sites</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>What is the difference between a regular woocommerce grid and a Wholesale? On wholesale sites, buyers must buy quickly from archive pages. Of course, you can use Quick View, but this is another click for buyers and another layer. Imagine that you must buy hundreds of products, variations, etc. For this purpose, we added a Button with Quantity and variations block and a special Ajax grid pattern. Now, users can buy the required amount of items and variations directly from the page without visiting the product page and without using quick view popups</p>
<!-- /wp:paragraph -->

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

<!-- wp:heading -->
<h2 class="wp-block-heading" id="improvement-for-flexbox"> Improvement for Flexbox</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>We continue our development phase for Productivity. So, we added a toolbar control for Flexbox. Now, it's easier to see which kind of layout you have for inner items. </p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":3093,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://greenshiftwp.com/wp-content/uploads/2023/06/flex-1024x161.jpg" alt="" class="wp-image-3093"/></figure>
<!-- /wp:image -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="typography-font-size-presets">Typography Font Size Presets</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Many users feel overwhelmed by different global settings. They see global presets from plugin, from theme, from WordPress Core. We put this together and give more priority to the Style editor of WordPress, in the same time we provide options to make custom presets and save them in plugin</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Now, small but useful update, you can select the registered theme preset for size. To select them, uncheck the settings icon in Font Size.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":3094,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://greenshiftwp.com/wp-content/uploads/2023/06/fontsize.jpg" alt="" class="wp-image-3094"/></figure>
<!-- /wp:image -->
«
»