This is another big update of Greenshift system with many advanced features and fixes.

Dynamic Reusable template loading

It’s a killer feature when you need to improve web vitals and the speed of the site and you have very heavy media, videos, etc. Now, you can delay the loading of part of the page if you make it a reusable template. Now, Interaction layers support dynamic template loading. This can give you many options not only for delay but as an example you can load one page inside another after specific user actions

Find more about reusable template loading

Rive API extending for Interaction layers

Now, you can connect Rive animations with Site animations via Interaction layers without code skills and custom JS

Find more about Rive API for WordPress

We made also example in our Fancy Academy with confetti on click effect

Math Operations in Interaction Layer

We are extending our math operations and dynamic placeholder system. Now, you can use dynamic placeholders and set custom selectors for them. How this can be used? Imagine that you can now calculate the position of one element depending on the position of another. Or set the size of one element depending on another. Also, you can use unlimited math operations now

Query Addon updates

There are many updates in Query addon.

Meta getter block is now even more powerful, you can enable icons and disable values in it. You can set separate links for value and add a custom tag for output.

For example, do you want to show Link to Facebook profile of the Author of the post as Icon? You saved the link in the user meta “fb_link”.

So, your setup will be next: enable User data type and Author meta field. Set field key. Now, enable the custom icon option and select Facebook icon, enable option “Show only icon”. Now, enable Add link to block option, select Author meta and set the same field.

JetEngine repeatable data

Now, Jet engine is better supported in repeater data and repeater block + gallery block.

Wishlist result page

Wishlist results now use dynamic loading so less issues with cached pages

Copy this post’s content
<!-- wp:paragraph -->
<p>This is another big update of Greenshift system with many advanced features and fixes. </p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="dynamic-reusable-template-loading">Dynamic Reusable template loading</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>It's a killer feature when you need to improve web vitals and the speed of the site and you have very heavy media, videos, etc. Now, you can delay the loading of part of the page if you make it a reusable template. Now, Interaction layers support dynamic template loading. This can give you many options not only for delay but as an example you can load one page inside another after specific user actions</p>
<!-- /wp:paragraph -->

<!-- wp:greenshift-blocks/image {"id":"gsbp-419158b3-15f5","align":["center",null,null,null],"width":["300px",null,null,null],"originalWidth":580,"originalHeight":1054,"shadow":{"hoffset":0,"voffset":32,"blur":48,"spread":0,"color":"rgba(0, 0, 0, 0.15)","position":"","preset":"6"},"mediaurl":"https://greenshiftwp.com/wp-content/uploads/2023/12/interaction.png","mediaid":4346,"alt":""} -->
<div class="wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-419158b3-15f5" id="gspb_image-id-gsbp-419158b3-15f5"><img src="https://greenshiftwp.com/wp-content/uploads/2023/12/interaction.png" data-src="" alt="" loading="lazy" width="300px" height="1054"/></div>
<!-- /wp:greenshift-blocks/image -->

<!-- wp:greenshift-blocks/infobox {"id":"gsbp-d869f620-4bb6","type":"blue","spacing":{"margin":{"values":{"top":["30px"]},"locked":false},"padding":{"values":{},"locked":false}},"blockVisibility":{"query_by":"custom_meta","custom_field_key":"learning_url","custom_field_compare":"exist"}} -->
<div class="wp-block-greenshift-blocks-infobox gspb_infoBox gspb_infoBox-id-gsbp-d869f620-4bb6" id="gspb_infoBox-id-gsbp-d869f620-4bb6"><div class="gs-box blue_type "><div class="gs-box-icon"></div><div class="gs-box-text"><!-- wp:greenshift-blocks/container {"id":"gsbp-da0fdb36-a0a1","flexbox":{"flexDirection":["row",null,null,"column"],"type":"flexbox","justifyContent":["space-between"],"alignItems":["center",null,null,"stretch"],"columngap":["10px"],"rowgap":["10px"]}} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-da0fdb36-a0a1" id="gspb_container-id-gsbp-da0fdb36-a0a1"><!-- wp:greenshift-blocks/text {"id":"gsbp-bdc80962-3dff","inlineCssStyles":"","textContent":"Find more about reusable template loading"} -->
<div id="gspb_text-id-gsbp-bdc80962-3dff" class="gspb_text gspb_text-id-gsbp-bdc80962-3dff ">Find more about reusable template loading</div>
<!-- /wp:greenshift-blocks/text -->

<!-- wp:greenshift-blocks/buttonbox {"id":"gsbp-47b5b3d8-9bb6","buttonContent":"View Documentation","background":{"backgroundState":"Gradient","gradient":"linear-gradient(135deg,rgb(64,129,246) 0%,rgb(128,104,250) 18%,rgb(255,128,170) 38%,rgb(255,103,88) 56%,rgb(255,101,24) 65%,rgb(255,177,36) 100%)"},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["5px"],"bottom":["5px"],"right":["15px"],"left":["15px"]},"locked":false}},"typography":{"textShadow":{},"size":["16px"]},"buttonLink":"https://greenshiftwp.com/documentation/greenshift-extra/ajax-loading-for-reusable-templates/","linkNewWindow":true,"enableIcon":true,"iconBox_icon":{"icon":{"font":"rhicon rhi-play","svg":"","image":""},"fill":"currentColor","fillhover":"","type":"font"},"dynamicEnable":false,"dynamicField":"learning_url","dynamicPostType":"documentation","dynamicType":"meta"} -->
<div class="gspb_button_wrapper gspb_button-id-gsbp-47b5b3d8-9bb6" id="gspb_button-id-gsbp-47b5b3d8-9bb6"><a class="wp-block-greenshift-blocks-buttonbox gspb-buttonbox wp-element-button" href="https://greenshiftwp.com/documentation/greenshift-extra/ajax-loading-for-reusable-templates/" target="_blank" rel="noopener"><span class="gspb-buttonbox-textwrap"><span class="gspb-buttonbox-icon"><svg class="" style="display:inline-block;vertical-align:middle" width="15" height="15" viewBox="0 0 896 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M848.8 429.4l-704-416.2c-57.2-33.8-144.8-1-144.8 82.6v832.2c0 75 81.4 120.2 144.8 82.6l704-416c62.8-37 63-128.2 0-165.2zM96 907v-790c0-9.2 10.2-15 18.2-10.4l668.4 395c7.8 4.6 7.8 16 0 20.6l-668.4 395.2c-8 4.6-18.2-1.2-18.2-10.4z"></path></svg></span><span class="gspb-buttonbox-text"><span class="gspb-buttonbox-title">View Documentation</span></span></span></a></div>
<!-- /wp:greenshift-blocks/buttonbox --></div>
<!-- /wp:greenshift-blocks/container --></div></div></div>
<!-- /wp:greenshift-blocks/infobox -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="rive-api-extending-for-interaction-layers">Rive API extending for Interaction layers</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Now, you can connect Rive animations with Site animations via Interaction layers without  code skills and custom JS</p>
<!-- /wp:paragraph -->

<!-- wp:greenshift-blocks/infobox {"id":"gsbp-dd5c78a1-1e7a","type":"blue","spacing":{"margin":{"values":{"top":["30px"]},"locked":false},"padding":{"values":{},"locked":false}},"blockVisibility":{"query_by":"custom_meta","custom_field_key":"learning_url","custom_field_compare":"exist"}} -->
<div class="wp-block-greenshift-blocks-infobox gspb_infoBox gspb_infoBox-id-gsbp-dd5c78a1-1e7a" id="gspb_infoBox-id-gsbp-dd5c78a1-1e7a"><div class="gs-box blue_type "><div class="gs-box-icon"></div><div class="gs-box-text"><!-- wp:greenshift-blocks/container {"id":"gsbp-9bb20b69-dee0","flexbox":{"flexDirection":["row",null,null,"column"],"type":"flexbox","justifyContent":["space-between"],"alignItems":["center",null,null,"stretch"],"columngap":["10px"],"rowgap":["10px"]}} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-9bb20b69-dee0" id="gspb_container-id-gsbp-9bb20b69-dee0"><!-- wp:greenshift-blocks/text {"id":"gsbp-df681463-16c3","inlineCssStyles":"","textContent":"Find more about Rive API for Wordpress"} -->
<div id="gspb_text-id-gsbp-df681463-16c3" class="gspb_text gspb_text-id-gsbp-df681463-16c3 ">Find more about Rive API for Wordpress</div>
<!-- /wp:greenshift-blocks/text -->

<!-- wp:greenshift-blocks/buttonbox {"id":"gsbp-d6744589-c09f","buttonContent":"View Documentation","background":{"backgroundState":"Gradient","gradient":"linear-gradient(135deg,rgb(64,129,246) 0%,rgb(128,104,250) 18%,rgb(255,128,170) 38%,rgb(255,103,88) 56%,rgb(255,101,24) 65%,rgb(255,177,36) 100%)"},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["5px"],"bottom":["5px"],"right":["15px"],"left":["15px"]},"locked":false}},"typography":{"textShadow":{},"size":["16px"]},"buttonLink":"https://greenshiftwp.com/rive-app-wordpress-addon/","linkNewWindow":true,"enableIcon":true,"iconBox_icon":{"icon":{"font":"rhicon rhi-play","svg":"","image":""},"fill":"currentColor","fillhover":"","type":"font"},"dynamicEnable":false,"dynamicField":"learning_url","dynamicPostType":"documentation","dynamicType":"meta"} -->
<div class="gspb_button_wrapper gspb_button-id-gsbp-d6744589-c09f" id="gspb_button-id-gsbp-d6744589-c09f"><a class="wp-block-greenshift-blocks-buttonbox gspb-buttonbox wp-element-button" href="https://greenshiftwp.com/rive-app-wordpress-addon/" target="_blank" rel="noopener"><span class="gspb-buttonbox-textwrap"><span class="gspb-buttonbox-icon"><svg class="" style="display:inline-block;vertical-align:middle" width="15" height="15" viewBox="0 0 896 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M848.8 429.4l-704-416.2c-57.2-33.8-144.8-1-144.8 82.6v832.2c0 75 81.4 120.2 144.8 82.6l704-416c62.8-37 63-128.2 0-165.2zM96 907v-790c0-9.2 10.2-15 18.2-10.4l668.4 395c7.8 4.6 7.8 16 0 20.6l-668.4 395.2c-8 4.6-18.2-1.2-18.2-10.4z"></path></svg></span><span class="gspb-buttonbox-text"><span class="gspb-buttonbox-title">View Documentation</span></span></span></a></div>
<!-- /wp:greenshift-blocks/buttonbox --></div>
<!-- /wp:greenshift-blocks/container --></div></div></div>
<!-- /wp:greenshift-blocks/infobox -->

<!-- wp:paragraph -->
<p>We made also example in our Fancy Academy with <a href="https://greenshiftwp.com/fancy/confetti-on-button-click/" data-type="fancy" data-id="4240">confetti on click</a> effect</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="math-operations-in-interaction-layer">Math Operations in Interaction Layer</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>We are extending our math operations and dynamic placeholder system. Now, you can use dynamic placeholders and set custom selectors for them. How this can be used? Imagine that you can now calculate the position of one element depending on the position of another. Or set the size of one element depending on another. Also, you can use unlimited math operations now</p>
<!-- /wp:paragraph -->

<!-- wp:greenshift-blocks/image {"id":"gsbp-26431dfd-3f66","width":["300px",null,null,null],"originalWidth":582,"originalHeight":1050,"mediaurl":"https://greenshiftwp.com/wp-content/uploads/2023/12/topleft.png","mediaid":4335,"alt":""} -->
<div class="wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-26431dfd-3f66" id="gspb_image-id-gsbp-26431dfd-3f66"><img src="https://greenshiftwp.com/wp-content/uploads/2023/12/topleft.png" data-src="" alt="" loading="lazy" width="300px" height="1050"/></div>
<!-- /wp:greenshift-blocks/image -->

<!-- wp:heading -->
<h2 class="wp-block-heading" id="query-addon-updates">Query Addon updates</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>There are many updates in Query addon. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Meta getter block is now even more powerful, you can enable icons and disable values in it. You can set separate links for value and add a custom tag for output. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>For example, do you want to show Link to Facebook profile of the Author of the post as Icon? You saved the link in the user meta "fb_link". </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>So, your setup will be next: enable User data type and Author meta field. Set field key. Now, enable the custom icon option and select Facebook icon, enable option "Show only icon". Now, enable Add link to block option, select Author meta and set the same field. </p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading" id="jetengine-repeatable-data">JetEngine repeatable data</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Now, Jet engine is better supported in repeater data and repeater block + gallery block. </p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading" id="wishlist-result-page">Wishlist result page</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Wishlist results now use dynamic loading so less issues with cached pages</p>
<!-- /wp:paragraph -->
«
»