✅ 🚀 Elementor v3.3 Beta 5 Release 🚀 #15336

shilo-ey · 2021-06-13T15:58:42Z

===========

Beta 5 UPDATED - PLEASE READ BELOW!

===========

Hi Elementor Beta testers 👋,

We are extremely excited to introduce our new beta version, Elementor 3.3.
This version is all about saving you time and streamlining your workflow so you can create websites faster than ever.

Now, you’ll be able to seamlessly move any Elementor-based content from one site to the other, plus use the new Template Kits Library to explore ready-to-use website designs and get your site up and running in no time.

We’ve also made major performance improvements and added a new color sampler tool you’ll love designing with.

Try out Elementor v3.3 Beta and let us know what you think about our newest additions, including:

Template Kits Library
Import/Export Kit Tool
Conditional and Inline CSS Load per widget
Color Sampler

Before you test, please make sure you are using:

Elementor v3.3.0 Beta
Elementor Pro v3.3.1

Introducing Kits Library: Create Entire Websites Faster Than Ever

If you’re looking for a way to save time and scale your web creation business look no further! Now, you can create websites faster than ever with our new Kit Library.

The Kit Library allows you to discover and choose from a diverse collection of 80+ ready-made, fully designed website kits created by Elementor.

Fully designed Kits that are tailored for your needs

You can use the kits to create websites in different fields like eCommerce, Restaurant, NGO, Blog, Portfolio and much more. While the Kits Library can be used to save time by starting from a pre-designed website template, it can also be used as inspiration for the sites you want to create. You can explore different designs, choose the one you like and use it as is or customize it to fit your own vision. In addition, the Kits Library is useful for creating a consistent website design rather than starting from scratch or pulling together different pieces, blocks and widgets.

Create fully functional sites with just few clicks

Kits Library can also help users learn about the industry standard website structure, including all must-have pages and parts that every website needs to include. The kit comes with a complete design and structure of a full website and includes content pages, Theme Builder parts, and Popups. You’ll be able to search, filter, and sort between the different kits and find the perfect kit for your website.

Ideation and inspiration in your design process

Explore the Kit library to get inspired by unique web design or use it as a springboard design for your next professional site design. Simply select your kit, import it, modify the content, and images, and your new website will be ready to publish in no time.

Here’s how it works:

Start with creating a new website and go to your WP dashboard
Make sure the Import / Export Kit experiment is active in your site
Click the Elementor Templates section, and choose the Kit Library
A new Kit lIbrary app will open up with several Kits
Search & filter kits by category, tags and names (currently there are several kits included, more will be added during the beta process)
Check out the Kit live demo
Browse through individual kits to see what's inside and check out the Kit Overview screen
Pick your Kit and click on “Apply Kit”. This will launch the new Import flow mentioned below

Quickly Create Full Elementor Sites With the New Import / Export Tool

In Elementor 3.2 we introduced our Import/Export experiment providing you with a seamless way to move all of your Elementor content like your Headers, Footers, Landing pages, Global colors and Fonts, and extra settings such as Lightbox settings, site background and more from one site to another.

This experiment, which is active by default to all sites, was added to help you create websites faster and more efficiently by enabling you to import and export parts of your sites. In this version, we added more capabilities to the experiment allowing you to import and export WordPress pages and posts (including featured images), WooCommerce Products, and even your Custom Post Types (limited to 20 items per post type).

Resolve Conflicts

When you import Theme Builder parts from one site to another, you’ll have an option to decide which part display condition to use: the imported Kit ones or the existing site ones.
For example, if you are importing a website kit to an existing site that already has a header/footer you can choose to replace the existing header and footer with the ones from the kit or keep the header and footer you already have.

Please keep in mind that this will only work for templates that have an “Entire Site” condition or the specific part equivalent (All Singular, All Archives etc...).

When you export a Kit you have the option of adding information like the Kit’s name and description, which will be saved in the Kit’s JSON manifest file for documentation use.

Import and Export Summary

After you’ve finished your import or export, you’ll be taken to a summary screen where you’ll be presented with a summary of the assets for the import/export. This way you can verify that your content was properly imported/exported.

Here’s how it works:

Go to an existing website which has a Header, Footer, other Theme Builder parts (Single Page, Single Post, Archive) with “Entire site” display conditions
Make sure you are using Global colors and Fonts in your site, and extra settings such as custom breakpoints, site background
Have enough WordPress and Elementor created pages & posts in your site before exporting
Make sure the Import / Export Experiment is activated by entering Elementor > Settings > Experiments
Go to Elementor > Tools > Export / Import Kit and start an export session. make sure that the Export summary screen represents the Templates, Content and Site Setting that you exported
Go to an existing website with Theme Builder parts active (Header, footer, etc...), go to Elementor > Tools > Export / Import Kit and start an Import session with the zip file you created
In case there are conflicting display conditions you will be asked to resolve these conflicts in a dedicated screen
Make sure that the Import summary screen represents the Templates, Content and site setting that you exported
Once the process finishes make sure everything is working properly and placed in the right place
Make sure everything is working properly and as expected both on Frontend and in Preview

Say Hello To Faster Page Load With Conditional and Inline CSS Load

As mentioned in our last releases, we are working constantly on improving the performance of the sites created with Elementor.
In our latest releases, we introduced conditional asset loading (load widget JS files only when used), a conditional load of JS libraries, and more assets per use.

In this version, we focused on achieving a faster page load by reducing the amount of unused CSS generated by the pages.

Conditional CSS Load

Until Core v3.3.0 , all the CSS was loaded in the same file: frontend.css (120KB in Elementro core, 225KB in Elementor Pro ). This means CSS assets that are not in use are being loaded anyway, a thing that harms page score and generates render-blocking process.

In this version, when you activate the Improved CSS Loading experiment, we load only the CSS of the widgets that are placed in your page once. This way, we save up to 37KB of render-blocking assets (CSS) in Elementor Core, and save up to 171KB, based on your usage.

Inline CSS Load

In addition to this experiment, and in order to prevent multiple requests to the server, we are now loading the CSS files as inline style tags. This will reduce even further the render-blocking processes and should improve the overall performance (only up to 8KB, otherwise - the CSS file will be loaded as an inline link tag).

If the widget is being used more than once, there will not be an additional request or print.
The mechanism of understanding the CSS file size (the “expensive act”) will happen once for a widget.

Conditional Load of the Animations library

In this version we also added an improvement to our asset loading - the animations.css library will be loaded only if you used it on your page, and will help reduce unused asset loading even further (19KB)

In the latest version of Elementor Pro (v3.3.*) we also added “under the hood” improvements to load the sticky JS (7KB) library per use, you should expect to see this improvement once you’ll update to this version.

To sum things up, if you use Elementor v3.3.0 combined with Elementor Pro 3.3.0 and the performance experiments are active, you should expect a major performance boost and save up to 523KB!
We are not stopping, and we will continue to improve Elementor even further. Stay tuned.

Removed an Additional DOM wrapper

In this release, we removed an additional DOM wrapper when the Optimized DOM Output experiment is active. Prior to Elementor v3.3.0 each column had a wrapper elementor-widget-wrap, which was removed from this version on, allowing you to serve leaner and better DOM output.

NOTE: This feature has been removed from this beta due to responsive issues

Here’s how it works:

Make sure the Improved CSS Loading Experiment is activated via Elementor > Settings > Experiments. Make sure define( 'SCRIPT_DEBUG', true );
Create a new blank page and make sure you don’t have custom breakpoints set up in your site
Publish your page, preview it and inspect the browser Network tab using the dev-tools. Make sure the file ‘frontend-lite.min.css’ exists (If you have a Pro version, you will see two files with that name)
Drag in 4 widgets into your page: Heading, Flip Box (for Pro users) and once again Heading and Flip Box widgets and Update your page
On the page preview, open dev-tools and under Performance tab make sure that “widget-flip-box.min.css” appears
Inspect the first Flip Box, and make sure a link tag with rel=stylesheet appears
On the preview page, Inspect the first Heading and make sure that the an inline <style> tag appears above the widget
Make sure this tag doesn’t appear above the second Heading widget placed in your page
Inspect the second Flip Box widget and make sure this tag doesn’t appear above it
In the Editor, change your breakpoint settings and apply a custom breakpoint. Make sure the files ‘frontend-lite.min.css’ will change to ‘custom-frontend-lite.min.css’ and ‘custom-pro-frontend-lite.min.css’ (for Pro users)
Make sure everything works as expected both on frontend and in the editor
Share your page score improvements with us!

Meet The New Color Sampler - Fetch Colors From Any Image

Our color picker just got a major boost - the ability to fetch the primary colors from any image on your page!
This is going to be a real-time-saving tool when designing your website, plus, you won’t need to download any third-party tools or browser extensions but have this design capability as part of your Elementor workflow.

In addition, you’ll be able to use the color sampler to grab the specific colors from widgets you added color values to (not default colors from the page or the theme’s CSS).

Here’s how it works:

Create a page and Edit with Elementor
Add an image widget and a button widget to the page
Edit the Button widget and set the color of any element in this widget
Drag in another widget, select a color control and click on the color picker icon. You will now see the new color sampler button in the top right corner of the color picker
Now click on the image you uploaded
The color sampler will fetch the dominant colors of the image
Choose any color you like!
Make sure the expected result is being reflected both on preview and on frontend

More Improvements

New: Introducing Kits Library - Create Entire Websites Faster Than Ever ([Feature request] Export Elementor website into a single installable package like a theme #4417, I'd like template items consolidated into a single "kit" #11341)
New: Meet the Color Color Sampler - fetch colors from every image and populated color control (3.3.0-dev4 - Feedbacks #14868)
Experiment: Improved CSS Loading - Load widgets CSS only when needed (Break CSS and JS into modularly assembled files #13533, Enqueues unnecessary JS files on the frontend #8572)
Tweak: Added Animations CSS library to be loaded conditionally when needed when Improved Asset Load experiment is active (Break CSS and JS into modularly assembled files #13533, Enqueues unnecessary JS files on the frontend #8572)
Tweak: Added the ability to fetch Image from external URL (No option to bring add image by inserting a URL #413)
Tweak: Added responsive capabilities to Content width in Section and Inner Section elements (Section Content Width needs more units and responsive option #12963)
Tweak: Added User Preference control to choose whether to show or hide hidden elements in responsive mode ([FEATURE REQUEST] Toggle Menu Editor & Toggle Responsiveness Elements (On/Off) #12316)
Tweak: Added User Preference control to set the default responsive device when responsive view is triggered (Responsive Mode (in 3.2) - Default to Desktop view and order Desktop > Tablet > Mobile view #14662)
Tweak: Added an Elementor top bar to all Elementor screens in the WordPress admin pages for better discoverability ([Dev Edition] Admin Top Bar experiment - "My Account" should open in new tab #15276, New admin bar - Feedback #15250)
Tweak: Added gradient button capabilities to Button instances in Theme Style (BUG | Button Gradient Missing on Site Settings #14731)
Tweak: Added ‘elementor-widget-wrap’ to DOM optimization experiment
Tweak: Changed Landing Pages experiment to be active by default on all websites
Tweak: Improved Kit Import and Export tool to include Posts, Pages, Custom Post Types and WooCommerce Products
Tweak: Improved Kit Import and Export tool to include conditions conflicts resolver
Tweak: Added Kit information to Import and Export tool
Tweak: Added summary screens to Import and Export tool
Tweak: Converted Improved Asset Loading Experiment registration to the post save process instead of loading process
Tweak: Widgets search can accept non-english strings for better UX
Tweak: Polished Responsive top bar UI
Tweak: Created an Uploads manager util to better handle files being uploaded
Tweak: Added default height to Tablet and Mobile devices
Tweak: Polished Select2 control UI
Tweak: Added Pro promotion in Submission feature page
Tweak: Updated Font Awesome icons library to v5.15.3
Tweak: Added a new filter elementor/document/save/data to allow manipulation when document save starts
Tweak: Added usage schema in schemas/usage
Tweak: Recalculate elements usage each upgrade
Tweak: Added "Recreate Kit" button in Elementor settings only when the Default Kit does not exist
Tweak: Made elementorFrontend.getDeviceSetting() method dynamic
Fix: Inline editing not working when the Optimized DOM experiment is on (Text Editor widget is buggy #14703)
Fix: Exit animation flickers in several cases (Flicking popup in the exit animation. #14459, Popup Flicker on mobile #13180)
Fix: Lighbox is not working in the frontend (Video widget not working with Lightbox #15080 , ReferenceError: elementor is not defined #15085)
Fix: Prevent Default Kit from being recreated when kit not exists (Elementor's page CSS files return 404 with Redis enabled on NGINX #13299)
Fix: Social icons alignment shift right in Safari browsers (Social Icons/Social Share Widget Shifted To Right By Default On Many Platforms #13122)
Fix: Gradient control doesn't work when using Global Colors (Bug with global values in linear-gradient css function #13288)
Fix: Social Icons and Share button space disappeared when optimizing the HTML (Social icon widget miss spacing between icons if HTML minification is used on a site #13279)
Fix: UI glitch in the empty state of Global widgets tab
Fix: Breakpoints values in the Panel are not enforced
Fix: Error thrown in Template library if Expert template been imported
Fix: Panel search bar appears above the overlay on load
Fix: Slides widget is not displaying properly in the Editor
Fix: Activation account connection error on IDN domains
Fix: Video item didn’t started playing without adding an image overlay in Media Carousel widget
Fix: Dynamic control didn’t worked in Text Path widget
Fix: Column removed from a section in the Navigator resulted in an empty section
Fix: Unable to drag and drop columns from one above other
Deprecated: See all deprecations to this version in our Developers Deprecations Post

How to Install the Beta Version

If you still haven't enabled beta testing in Elementor, please follow these steps:

Go to Elementor > Tools > Versions.
Enable the beta tester feature.
Go to the Dashboard > Updates and update to the latest beta version.
You can also download the new version here: downloads.wordpress.org/plugin/elementor.3.3.0-beta5.zip

Notes

For bugs and remarks, please reply with a comment on this issue here on GitHub.

Please keep this related to the current beta only! For any other issue or feature request, feel free to open a new issue.

Designated time for release: July 13, 2021 (Estimated)

Many thanks for your support and help!

Cheers,
Elementor Team

The text was updated successfully, but these errors were encountered:

79ho3ein · 2021-06-13T16:32:38Z

excellent. I'm glad that elementor is progressing day by day ...

pauserratgutierrez · 2021-06-13T20:18:14Z

Oh, amazing features! Only one thing... The eye dropper addition is a key feature, but It would be much better if it's available for every part of the web that has a color and not only for images. For example, we may have a title with one color. Without this new eye dropper feature, we must go to the style of the title we want to copy the color, copy it, go to the new widget, go to style and apply it.

I expected the eye dropper to be able to set the color of a widget from any other widget, not only from images.

shilo-ey · 2021-06-13T20:22:32Z

@paauserrat Please try it out, the Eyedropper fetches colors from images AND controls that have a color value placed in (Global color or custom color)

Let us know if it works as you expect it to work :)

fabigrafo · 2021-06-13T20:29:53Z

Oh, amazing features! Only one thing... The eye dropper addition is a key feature, but It would be much better if it's available for every part of the web that has a color and not only for images. For example, we may have a title with one color. Without this new eye dropper feature, we must go to the style of the title we want to copy the color, copy it, go to the new widget, go to style and apply it.

I expected the eye dropper to be able to set the color of a widget from any other widget, not only from images.

Quick answer: It works on all colors in the editor. :)

fabigrafo · 2021-06-13T23:07:25Z

Hi @shilo-ey ,

First of all, all of the innovations presented here are really cool and actually really useful. At the beginning I only go into key points on certain things, then in more detail when I have found something.

Improved CSS Loading – AMAZING!
Not yet tested, but it sounds very good.

Added responsive capabilities to Section and Inner Section – Finally it is easier to adapt the mobile pages with the edge. Before that, you always had to work with padding and margin.

User preference show / hide "hide hidden" – very good that it can now be controlled! At some point, the display conditions may also come (#4246)

User preference “default responsive device” – Again, it's good that it is there now. The only thing missing now is the correct order of the devices in the top bar. (From left to right, from bigger to smaller: #14662) Ahh, and Custom brakepoints, but I know you're working on it and it should be out this year.

Dashboard Elementor Top Bar – Nice addition, but this bar is not only displayed on Elementor Dashboard pages:

And besides, maybe sticky would be an option and optical adjustments so that it doesn't look so disproportionate. I think that's better:

Kit Libary

How does the Kit Library react when new Elementor template kits are released? Are these displayed directly there or do you have to add them manually? And do the smaller control panels remain in the created pages or landing pages?

Otherwise, I can't comment on the functionality as I haven't tried it yet.

Color picker

Works amazingly well for a first beta. However, I have one more suggestion:

It would be good if, in addition to the "dominant colors", it also (for example as the first color) shows the exact one that you picked. I think the option should be there. Sometimes you want exactly that one color from a picture. But if you can't select it explicitly, you still need another tool.

For the rest of the things on this list, all of them are great.

Good start in the week! 😉

jonathansoltero · 2021-06-14T06:37:23Z

120KB in "Elementro" core

But seriously nice to see those CSS performance improvements, it's what my site needs right now 👍

DavidGMiles · 2021-06-14T09:11:08Z

Ok - I am impressed - I admit I am really only interested in two aspects of the announced headline new features - the CSS Loading Experiment and the Colour Picker - and I am hands-down impressed with both. There are a lot of tweaks and fixes that are welcome, however!

I'm not going to test the CSS Loading Experiment on a blank page other than to verify that it is working - why would I? I'll test it on our new home page - and its payload dropped, whilst its PSI score leapt by 5 on both mobile and desktop. So yeah, good job, guys! I want to see more improvements like this.

The colour picker - again - great job, I've missed this - and now we have it - it works, and it is integrated - what more can I say? Good job, guys (and gals)

But as Fabian says - can we see the correct order of the devices in the top bar - please?

DavidGMiles · 2021-06-14T09:38:38Z

Dammit you guys - you removed elementor-widget-wrap - that broke all my alternating of rows using row-reverse - but I love the speed increase so much that I don't even care - and it's an easy fix

black-eye · 2021-06-14T10:35:43Z

Dammit you guys - you removed elementor-widget-wrap - that broke all my alternating of rows using row-reverse - but I love the speed increase so much that I don't even care - and it's an easy fix

For the starters: reducing the DOM is definitely a good thing and it's something which should go on. On the other hand there are cases, when wraper removal causes big problems and not only for old sites. For @DavidGMiles it's elementor-widget-wrap for me it's elementor-row as described here: #14286

This issue migh not be strictly connected to this beta, but would you please consider adding an option for removing these wrappers individually - so the user could select wich wrapper would be removed? I understand it might be complicated to achieve, but it would help al lot in casese like these. Thanks

fabigrafo · 2021-06-14T10:58:51Z

Dammit you guys - you removed elementor-widget-wrap - that broke all my alternating of rows using row-reverse - but I love the speed increase so much that I don't even care - and it's an easy fix

For the starters: reducing the DOM is definitely a good thing and it's something which should go on. On the other hand there are cases, when wraper removal causes big problems and not only for old sites. For @DavidGMiles it's elementor-widget-wrap for me it's elementor-row as described here: #14286

This issue migh not be strictly connected to this beta, but would you please consider adding an option for removing these wrappers individually - so the user could select wich wrapper would be removed? I understand it might be complicated to achieve, but it would help al lot in casese like these. Thanks

Or Elementor finally offers its own Elementor function. Reversing columns is quite nice, but an individual setting for each device would be really desirable.

I think it was put here once: #9705
This post: #9705 (comment)
I think it's not that hard to integrate this? Maybe even for this beta?

Then it certainly wouldn't destroy the parts of the website either.

DavidGMiles · 2021-06-14T13:16:37Z

Yes - I have the column gap issue as well - previously my full-width images were full width - now, they have a sneaky 10px padding - which I can see in the CSS but cannot see how to remove

promocot · 2021-06-14T13:30:20Z

when you add flexbox? this allows you to optimize the layout and code as well

thomasdori · 2021-06-14T14:55:11Z

I got 2 issues on my site with this version:

The console shows the following errors:
A portfolio block that has an appear (fade-in) effect, does not appear but says invisible. (Fixed that by removing the effect for now)

Site: https://anwert.io

shilo-ey · 2021-06-14T16:31:18Z

@fabianenzensperger

Improved CSS Loading – AMAZING!
Not yet tested, but it sounds very good.

Do test and let us know what you think!

Added responsive capabilities to Section and Inner Section – Finally it is easier to adapt the mobile pages with the edge. Before that, you always had to work with padding and margin.

User preference show / hide "hide hidden" – very good that it can now be controlled! At some point, the display conditions may also come (#4246)

User preference “default responsive device” – Again, it's good that it is there now. The only thing missing now is the correct order of the devices in the top bar. (From left to right, from bigger to smaller: #14662) Ahh, and Custom brakepoints, but I know you're working on it and it should be out this year.

Dashboard Elementor Top Bar – Nice addition, but this bar is not only displayed on Elementor Dashboard pages:

And besides, maybe sticky would be an option and optical adjustments so that it doesn't look so disproportionate. I think that's better:

Kit Libary

How does the Kit Library react when new Elementor template kits are released? Are these displayed directly there or do you have to add them manually? And do the smaller control panels remain in the created pages or landing pages?

Otherwise, I can't comment on the functionality as I haven't tried it yet.

They will be updated automatically in the Library :)

Color picker

Works amazingly well for a first beta. However, I have one more suggestion:

It would be good if, in addition to the "dominant colors", it also (for example as the first color) shows the exact one that you picked. I think the option should be there. Sometimes you want exactly that one color from a picture. But if you can't select it explicitly, you still need another tool.

The problem we encountered when working on this feature way back in v2.8 is that the browsers blocks the ability to grab colors from the dom. We just now managed to work this out with an external tool that fetches the dominant colors so we wish we would be able to get the specific color but at least you don't have to install another Chrome extension for this :)

@jonathansoltero

120KB in "Elementro" core

But seriously nice to see those CSS performance improvements, it's what my site needs right now 👍

Let us know how it works for you in your site!

@DavidGMiles

Ok - I am impressed - I admit I am really only interested in two aspects of the announced headline new features - the CSS Loading Experiment and the Colour Picker - and I am hands-down impressed with both. There are a lot of tweaks and fixes that are welcome, however!

🙌

I'm not going to test the CSS Loading Experiment on a blank page other than to verify that it is working - why would I? I'll test it on our new home page - and its payload dropped, whilst its PSI score leapt by 5 on both mobile and desktop. So yeah, good job, guys! I want to see more improvements like this.

🔥

The colour picker - again - great job, I've missed this - and now we have it - it works, and it is integrated - what more can I say? Good job, guys (and gals)

But as Fabian says - can we see the correct order of the devices in the top bar - please?

Please wait for the final release of additional breakpoints which will hopefully make sense in this order.

Dammit you guys - you removed elementor-widget-wrap - that broke all my alternating of rows using row-reverse - but I love the speed increase so much that I don't even care - and it's an easy fix

Due to additional issues with relative padding in columns that we got while testing this version we are thinking about reverting this improvement :\ we will handle this in more advanced way later on.

Dammit you guys - you removed elementor-widget-wrap - that broke all my alternating of rows using row-reverse - but I love the speed increase so much that I don't even care - and it's an easy fix

For the starters: reducing the DOM is definitely a good thing and it's something which should go on. On the other hand there are cases, when wraper removal causes big problems and not only for old sites. For @DavidGMiles it's elementor-widget-wrap for me it's elementor-row as described here: #14286

This issue migh not be strictly connected to this beta, but would you please consider adding an option for removing these wrappers individually - so the user could select wich wrapper would be removed? I understand it might be complicated to achieve, but it would help al lot in casese like these. Thanks

Thanks @black-eye , we wish to improve this and provide better overall experience, that's why we will release a new approach that should resolve the issue for you once and for all, and would be CSS oriented.

Same for @DavidGMiles and @promocot

@thomasdori

I got 2 issues on my site with this version:

The console shows the following errors:

A portfolio block that has an appear (fade-in) effect, does not appear but says invisible. (Fixed that by removing the effect for now)

Site: anwert.io

Thanks, please make sure your Pro version is up to date with the latest release (v3.3.0) and you cleared your site's cache.
If you had the latest version please try to deactivate the Improved Asset Load experiment and let us know if it resolved it to you.

Appreciate your feedback,
Looking forward for more insights and bugs found :)

Cheers

black-eye · 2021-06-14T17:59:46Z

@shilo-ey

But as Fabian says - can we see the correct order of the devices in the top bar - please?

Please wait for the final release of additional breakpoints which will hopefully make sense in this order.

Maybe it would help if you share your final version vision here - it might stop our constant suggesting to do it the other way around. ;-) And maybe it will end up us telling you in advance, that it wouldn't work either and save your time on developing another feature which just won't work - no offence intended! ;)

Secrets and suprices are nice marketing approach, but but it shouldn't ruin the development process. Just my 2 cents here.

DavidGMiles · 2021-06-14T18:20:51Z

I’m happy to wait ten days or so - to see what drops - I also think that after it does, should we not be over the moon with the delivery, we will speak out … but I think this will be heard. I know I sound a bit like Thomas on that Damascus road, but … this release is great, it is part of a bigger whole and let’s give the guys some breathing room - I’m fairly sure that they know we are a hard crowd to please and their harshest critics. I’ll be the guy on the right of the road selling pitchforks if they have got it dreadfully wrong, but until that point I’m just leaving my stall packed up

KiQdev · 2021-06-15T05:48:04Z

When exporting a kit, for normal Elementor pages it limits the export to 20 pages of almost 200, all templates are exported as they should.
Not only related to this beta, the problem is the same in 3.2.4 and Elementor Version 3.4.0-dev1
Elementor Pro Version 3.4.0-dev17.
I have tried from 3 different sites and same, it is limited to 20 pages when exporting.

michaelwright74 · 2021-06-15T11:09:10Z

Given that the Template Kit Library page features a link inviting us to check out Envato's Elementor Template Kits should we able to use the import function to import these?

I tried a few but they seemed like they were processing for several minutes but they all eventually popped up a box with the error "App could not be loaded".

Many of these kits require third party addon plugins but even with the required plugins installed import still fails.

79ho3ein · 2021-06-15T11:54:25Z

Friends In this version, there is a bug in the display of some parts, as if their width has been reduced. Is this a problem for you too?

The problem is clearer in this picture.

Is this a problem for you too?
I tested on 3 different sites and there was this problem.even tested on localhosts.
Thank you

alexeygoncharov · 2021-06-15T14:22:28Z

Why not to give ability to pick color from ANY place of the page??? Elementor...

DavidGMiles · 2021-06-15T15:03:30Z

I've got a load of nasties today - I started playing in the ImageBox and my technical description is that it is 'naffed'

The video should make things a lot clearer - some very odd stuff

https://www.loom.com/share/c62aa79980504d0ebca2f152f0d7c111

shilo-ey · 2021-06-15T16:46:35Z

@shilo-ey

But as Fabian says - can we see the correct order of the devices in the top bar - please?

Please wait for the final release of additional breakpoints which will hopefully make sense in this order.

Maybe it would help if you share your final version vision here - it might stop our constant suggesting to do it the other way around. ;-) And maybe it will end up us telling you in advance, that it wouldn't work either and save your time on developing another feature which just won't work - no offence intended! ;)

Secrets and suprices are nice marketing approach, but but it shouldn't ruin the development process. Just my 2 cents here.

@black-eye Agreed, it's not that we are trying to surprise, but not to commit to things that are not finalized yet.
As for the "plan" - we are trying to add an option for wide screens, and then the ordering will be clearer.
As for the default behavior - we will change it to the desktop by default eventually.

Thanks for pushing us for more of these improvements.

When exporting a kit, for normal Elementor pages it limits the export to 20 pages of almost 200, all templates are exported as they should.
Not only related to this beta, the problem is the same in 3.2.4 and Elementor Version 3.4.0-dev1
Elementor Pro Version 3.4.0-dev17.
I have tried from 3 different sites and same, it is limited to 20 pages when exporting.

Hey @KiQdev, Thanks! happy to see that you took it for a spin.

The Import/Export feature is for shipping and moving Elementor based content (templates, pages, settings etc..) from site to site.
It is not a migration tool because, well - there are much more proper plugins in the market for this purpose.

If you need content migration you can use any other plugin for this case.

This is the reason that we limited the migration of non-elementor content (posts, products, cpt's) to 20 items.

Hopefully it makes more sense to you now,
thanks!

@michaelwright74

Given that the Template Kit Library page features a link inviting us to check out Envato's Elementor Template Kits should we able to use the import function to import these?

I tried a few but they seemed like they were processing for several minutes but they all eventually popped up a box with the error "App could not be loaded".

Many of these kits require third party addon plugins but even with the required plugins installed import still fails.

Thanks! it's indeed intended to support the import of Envato Template Kits, but still experimental.
Can you share with us which Kit you tried to import?

As for the plugin dependencies - it will be added in the next phase of this feature.

@79ho3ein Are you experiencing this issue on v3.3.0 beta? this was fixed by this PR: #14984 before being released.

@alexeygoncharov

Why not to give ability to pick color from ANY place of the page??? Elementor...

Please see the response I gave here:

Color picker

Works amazingly well for a first beta. However, I have one more suggestion:

It would be good if, in addition to the "dominant colors", it also (for example as the first color) shows the exact one that you picked. I think the option should be there. Sometimes you want exactly that one color from a picture. But if you can't select it explicitly, you still need another tool.

The problem we encountered when working on this feature way back in v2.8 is that the browsers blocks the ability to grab colors from the dom. We just now managed to work this out with an external tool that fetches the dominant colors so we wish we would be able to get the specific color but at least you don't have to install another Chrome extension for this :)

BTW - you can select any color that has color value stored in it or from images.

I've got a load of nasties today - I started playing in the ImageBox and my technical description is that it is 'naffed'

The video should make things a lot clearer - some very odd stuff

loom.com/share/c62aa79980504d0ebca2f152f0d7c111

@DavidGMiles Extremely weird, anyone else experiencing this issue?

It seems like a conflict with one of your plugins, can you share access to your dev environment or share the system info here? if you are willing to share credentials - please sent it to cazodoji@altmails.com .

Thank you all, we are working on a beta2 version which will include some fixes for the Kit Library, Import / Export process and will fix some padding issues when using relative units in columns.

KiQdev · 2021-06-15T17:06:10Z

@shilo-ey

Hey @KiQdev, Thanks! happy to see that you took it for a spin.

The Import/Export feature is for shipping and moving Elementor based content (templates, pages, settings etc..) from site to site.
It is not a migration tool because, well - there are much more proper plugins in the market for this purpose.

If you need content migration you can use any other plugin for this case.

This is the reason that we limited the migration of non-elementor content (posts, products, cpt's) to 20 items.

Hopefully it makes more sense to you now,
thanks!

It IS only pages made with Elementor I talk about, so you misunderstood. I can´t export more than 20.
I´m not talking about other post types.

Jorihlen · 2021-06-15T20:04:59Z

Something is wrong with the Kits ... they lose the basic configuration or they cannot find the links to the images despite being in the library.
I am using a fresh Local (Flywheel) installation of Wordpress with Hello Them and no other plugin outside of Elementor (Free & Pro) and Pods.

jonathansoltero · 2021-06-15T20:12:12Z

Working fine for me but now I'm already updated to 3.4 dev, where's the changelog?

The styling is broken by the way

79ho3ein · 2021-06-15T22:23:40Z

@shilo-ey

@79ho3ein Are you experiencing this issue on v3.3.0 beta? this was fixed by this PR: #14984 before being released.

Resolved Thank you.

Kishorchandth · 2021-06-16T03:13:23Z

I love the Conditional CSS Loading method, it is much improved than the previous version but I think you can improve further.

Why are there entire swiper libraries in the Frontend lite version when any slider functionalities or lightbox aren't used?
I don't know whether it is due to the Developer edition or no. But most of the links, UI are broken.
I can't add condition to the Custom Code. It is missing.
Admin Top Bar is way closer to "screen option"
"Info" on Elementor Kit library is missing.

DavidGMiles · 2021-07-06T16:01:14Z

Baby one?

…

On 6 Jul 2021, at 17:00, Dustin Dauncey ***@***.***> wrote: Good Sleep is gorgeous as a template Good Sleep? I don't see any Kit called "Good Sleep" in mine... maybe I'm missing something? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or unsubscribe.

d19dotca · 2021-07-06T16:02:10Z

Baby one?
…

Ah I see it now. Turns out I had to do the refresh/sync button thing to get the latest ones. I had several newer ones when I first loaded the Kits Library and assumed it was all in-sync with the Elementor server but I guess it wasn't. 😇 All good now.

cirkut · 2021-07-07T03:57:17Z

When trying to import a demo kit from the Kit Library, I'm getting a 400 response from the REST call to the download. I've tried this on the beta as well as dev edition, tried every single kit, and have Hello Elementor and just Elementor & Elementor Pro installed.

JSON Response: {"code":"rest_forbidden","message":"Sorry, you are not allowed to do that.","data":{"status":401}}

I am an administrator on the installation and Elementor Pro is activated properly as well. I'm curious if there's a nonce that isn't being generated on the download link? I have no idea off-hand what could be causing the permission error on the download link wp-json call.

Also, is it possible to manually download the kits from Elementor for testing the import? I don't have access to Envato Template Kits and don't believe I should need to purchase one from Themeforest to simply test the import process.

fabigrafo · 2021-07-07T13:29:11Z

By the way, we are starting to upload a variety of full site kits for your use and checks. some of them are released for the first time.
You can start using our Kits, applying them on your site and share your thoughts here.

Thanks

I've seen the labels free, professional, expert, etc. Perhaps it is useful to have a filter in the left sidebar in addition to categories and tags to select these labels. So we can filter according to what kind of license the users have.

Would that make sense?

avivu · 2021-07-07T14:48:11Z

By the way, we are starting to upload a variety of full site kits for your use and checks. some of them are released for the first time.
You can start using our Kits, applying them on your site and share your thoughts here.
Thanks

I've seen the labels free, professional, expert, etc. Perhaps it is useful to have a filter in the left sidebar in addition to categories and tags to select these labels. So we can filter according to what kind of license the users have.

Would that make sense?

@fabianenzensperger Sure. it makes sense and it's on our to-do list. Thank you!

rodolphebertozzo · 2021-07-07T15:03:44Z

I have a small question, what will happen to the DOM optimization function? Indeed, you have removed the last optimized elements of this experiment for compatibility reasons.

shilo-ey · 2021-07-08T07:56:47Z

Hey all,

We just released a new beta version, please update your version to v3.3.0 Beta 5, which is our release candidate version (RC)

Tweak: Added future support for Additional Breakpoints
Tweak: Changed "Learn more" link and content in Kit Library
Fix: Import process fail message is shown when importing a Kit from ThemeForest
Fix: Large images optimized by WordPress can't be displayed properly via dynamic Toolset fields

Please keep this related to the Current beta Only! any other Issue Report or Feature Request feel free to open a new issue.

Thanks again to everyone

cirkut · 2021-07-08T14:18:01Z

Still getting the same Apply Kit error on Beta 5. I'm getting 400 errors on the download link wp-json call.

shilo-ey · 2021-07-08T15:19:42Z

Still getting the same Apply Kit error on Beta 5. I'm getting 400 errors on the download link wp-json call.

@cirkut Can you please try to disconnect your site and reconnect? (add this suffix to your site's domain and click Reset Data: /wp-admin/admin.php?page=elementor-connect )

Let us know if it solved the issue for you.

cirkut · 2021-07-08T22:42:05Z

Still getting the same Apply Kit error on Beta 5. I'm getting 400 errors on the download link wp-json call.

@cirkut Can you please try to disconnect your site and reconnect? (add this suffix to your site's domain and click Reset Data: /wp-admin/admin.php?page=elementor-connect )

Let us know if it solved the issue for you.

That did it! I deactivated Elementor previously and reactivated it trying to fix this issue but it took me resetting the data and now I can get in.

Trying to debug what exactly caused it, I'm curious if the kit library data wasn't reset when the license was reset? This site originated from a copy of another site, where I then deactivated and reactivated Elementor Pro. Let me know if there's any other data I can help provide as to why this may be an issue!

shilo-ey · 2021-07-11T11:17:44Z

Still getting the same Apply Kit error on Beta 5. I'm getting 400 errors on the download link wp-json call.

@cirkut Can you please try to disconnect your site and reconnect? (add this suffix to your site's domain and click Reset Data: /wp-admin/admin.php?page=elementor-connect )
Let us know if it solved the issue for you.

That did it! I deactivated Elementor previously and reactivated it trying to fix this issue but it took me resetting the data and now I can get in.

Trying to debug what exactly caused it, I'm curious if the kit library data wasn't reset when the license was reset? This site originated from a copy of another site, where I then deactivated and reactivated Elementor Pro. Let me know if there's any other data I can help provide as to why this may be an issue!

Thank you @cirkut

We were able to identify the issue based on your input and fixed it.

Cheers!

sushmak02 · 2021-07-12T11:38:28Z

@shilo-ey Color controls are not working in my widget. The same issue exists in a few of my widgets.
Applied color works correctly at frontend. In the editor, it does not work at all.
Here is a screenshot of my issue - https://share.getcloudapp.com/JruDZ9LJ

Deadlift79 · 2021-07-12T11:47:04Z

Hi,

If I enable conditional CSS load (with optimized DOM output enabled) gallery pro filter bar pointers are showing only inside elementor editor.
Disabling conditional CSS load they reappear. Tried CSS file generation, emptied any cache. Anybody else?

perks98 · 2021-07-12T16:07:03Z

Looks like the update has been released and is slowly rolling out now.

d19dotca · 2021-07-12T16:26:46Z

@shilo-ey Color controls are not working in my widget. The same issue exists in a few of my widgets.

Applied color works correctly at frontend. In the editor, it does not work at all.

Here is a screenshot of my issue - https://share.getcloudapp.com/JruDZ9LJ

Is that happening only on third-party widgets? I noticed your screenshot is using a third-party widget and not a built-in Elementor one. Wonder if it's related to the third-party part (in which case I think the fix would need to come from the third-party developer). Are you able to attach a screenshot showing the same behaviour in a built-in element instead?

sushmak02 · 2021-07-13T04:44:04Z

Yes, @d19dotca I have my own custom widget. These color controls were working correctly before the beta update.
Also, I have other similar color controls in the same widget and those are working correctly.

I am not sure what could be affecting here.

shilo-ey · 2021-07-13T06:17:51Z

@sushmak02 Thanks for reporting. can you please share steps to reproduce this issue?
Your widget might call the controls to render in an incorrect manner, which results in this problem.

We are about to release this version soon, stay tuned!

d19dotca · 2021-07-13T06:45:13Z

Super minor but I noticed the "Learn More" text doesn't lead to the correct documentation page, so I filed #15622 for reference.

I also updated two client sites and when I enabled the Improved CSS Loading experiment various items were broken such as the Tabs widget. Oddly enough, it looks fine in the editor, but is broken in the front-end. I've temporarily disabled that experiment until I can figure out what's causing it or in future bug fix releases.

shilo-ey · 2021-07-13T14:26:01Z

Thanks @d19dotca , we will update the doc, and in a patch will change the link

This version has been officially released!

Thank you all for your time, efforts and precious feedback!

Hope this version will help you design sites faster and in a more efficient way.

Cheers and see you soon :)

shilo-ey added the help wanted Announcements that request help from users, like Public Beta testing programs. label Jun 13, 2021

shilo-ey added this to the 3.3.0 milestone Jun 13, 2021

shilo-ey pinned this issue Jun 13, 2021

shilo-ey changed the title ~~🚀 Elementor v3.3 Beta 4 Release 🚀~~ 🚀 Elementor v3.3 Beta 5 Release 🚀 Jul 8, 2021

shilo-ey removed the help wanted Announcements that request help from users, like Public Beta testing programs. label Jul 13, 2021

shilo-ey closed this as completed Jul 13, 2021

shilo-ey unpinned this issue Jul 13, 2021

DorShahar mentioned this issue Nov 8, 2021

✅ 🚀 Elementor v3.5.0 Beta 6 Release 🚀 #16840

Closed

nicholaszein added help wanted Announcements that request help from users, like Public Beta testing programs. solved Indicates that an Issue has been Solved, or a Feature Request has been Released. labels May 24, 2023

elementor locked and limited conversation to collaborators May 24, 2023

nicholaszein changed the title ~~🚀 Elementor v3.3 Beta 5 Release 🚀~~ ✅ 🚀 Elementor v3.3 Beta 5 Release 🚀 Aug 15, 2023

nicholaszein added the mod* label Aug 15, 2023

nicholaszein added the announcement Used for general announcements. label Sep 23, 2023

✅ 🚀 Elementor v3.3 Beta 5 Release 🚀 #15336

✅ 🚀 Elementor v3.3 Beta 5 Release 🚀 #15336

Comments

shilo-ey commented Jun 13, 2021 • edited

Beta 5 UPDATED - PLEASE READ BELOW!

Introducing Kits Library: Create Entire Websites Faster Than Ever

Fully designed Kits that are tailored for your needs

Create fully functional sites with just few clicks

Ideation and inspiration in your design process

Here’s how it works:

Quickly Create Full Elementor Sites With the New Import / Export Tool

Resolve Conflicts

Import and Export Summary

Here’s how it works:

Say Hello To Faster Page Load With Conditional and Inline CSS Load

Conditional CSS Load

Inline CSS Load

Conditional Load of the Animations library

Removed an Additional DOM wrapper

NOTE: This feature has been removed from this beta due to responsive issues

Here’s how it works:

Meet The New Color Sampler - Fetch Colors From Any Image

More Improvements

How to Install the Beta Version

Notes

79ho3ein commented Jun 13, 2021

pauserratgutierrez commented Jun 13, 2021 • edited

shilo-ey commented Jun 13, 2021 • edited

fabigrafo commented Jun 13, 2021

fabigrafo commented Jun 13, 2021

jonathansoltero commented Jun 14, 2021

DavidGMiles commented Jun 14, 2021 • edited

DavidGMiles commented Jun 14, 2021

black-eye commented Jun 14, 2021

fabigrafo commented Jun 14, 2021 • edited

DavidGMiles commented Jun 14, 2021

promocot commented Jun 14, 2021 • edited

thomasdori commented Jun 14, 2021 • edited

shilo-ey commented Jun 14, 2021 • edited

black-eye commented Jun 14, 2021

DavidGMiles commented Jun 14, 2021

KiQdev commented Jun 15, 2021

michaelwright74 commented Jun 15, 2021 • edited

79ho3ein commented Jun 15, 2021

alexeygoncharov commented Jun 15, 2021

DavidGMiles commented Jun 15, 2021

shilo-ey commented Jun 15, 2021 • edited

KiQdev commented Jun 15, 2021

Jorihlen commented Jun 15, 2021 • edited

jonathansoltero commented Jun 15, 2021

79ho3ein commented Jun 15, 2021 • edited

Kishorchandth commented Jun 16, 2021

DavidGMiles commented Jul 6, 2021 via email

d19dotca commented Jul 6, 2021

cirkut commented Jul 7, 2021 • edited

fabigrafo commented Jul 7, 2021

avivu commented Jul 7, 2021

rodolphebertozzo commented Jul 7, 2021

shilo-ey commented Jul 8, 2021

cirkut commented Jul 8, 2021

shilo-ey commented Jul 8, 2021

cirkut commented Jul 8, 2021

shilo-ey commented Jul 11, 2021

sushmak02 commented Jul 12, 2021

Deadlift79 commented Jul 12, 2021

perks98 commented Jul 12, 2021

d19dotca commented Jul 12, 2021

sushmak02 commented Jul 13, 2021

shilo-ey commented Jul 13, 2021

d19dotca commented Jul 13, 2021

shilo-ey commented Jul 13, 2021

shilo-ey commented Jun 13, 2021 •

edited

pauserratgutierrez commented Jun 13, 2021 •

edited

shilo-ey commented Jun 13, 2021 •

edited

DavidGMiles commented Jun 14, 2021 •

edited

fabigrafo commented Jun 14, 2021 •

edited

promocot commented Jun 14, 2021 •

edited

thomasdori commented Jun 14, 2021 •

edited

shilo-ey commented Jun 14, 2021 •

edited

michaelwright74 commented Jun 15, 2021 •

edited

shilo-ey commented Jun 15, 2021 •

edited

Jorihlen commented Jun 15, 2021 •

edited

79ho3ein commented Jun 15, 2021 •

edited

cirkut commented Jul 7, 2021 •

edited