Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

βœ… πŸš€ Elementor v3.5.0 Beta 6 Release πŸš€ #16840

Closed
DorShahar opened this issue Nov 7, 2021 · 91 comments
Closed

βœ… πŸš€ Elementor v3.5.0 Beta 6 Release πŸš€ #16840

DorShahar opened this issue Nov 7, 2021 · 91 comments
Labels
announcement Used for general announcements. help wanted Announcements that request help from users, like Public Beta testing programs. mod* [Temp.] For internal use only. solved Indicates that an Issue has been Solved, or a Feature Request has been Released.
Milestone

Comments

@DorShahar
Copy link

DorShahar commented Nov 7, 2021

Beta 6 UPDATED - PLEASE READ BELOW!

Cover for post

Hi Elementor Beta Testers,

We are incredibly excited to introduce our new beta version, Elementor v3.5, which is all about increasing your design capabilities and improving your workflow.

The new design features will allow you to elevate the appearance of your website and achieve visual effects that previously would have required additional coding or 3rd party plugins.

With the workflow improvements, you will be able to shave off significant time from your project’s turnaround by improving productivity and eliminating redundant tasks.

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

  • CSS Transform
  • Text Stroke
  • Word Spacing Control
  • Mark Widgets as Favorites
  • Multi-Select
  • Drag from Desktop
  • New Experiments UI

Before you test, please make sure you are using:

  • Elementor v3.5.0 Beta 6
  • Elementor Pro v3.5.2

Enhancing Styling Capabilities

Group 1088045

Meet CSS Transform - Animate any Element

CSS Transform

Would you like to rotate any element on your page on any axis, or enlarge an element upon hover to achieve highly engaging and trendy effects, but you don’t know CSS?
No problem!
From now on, you can rotate, scale, skew, offset and flip any element on your page, within Elementor, without requiring a single line of code, that way - you gain complete control over your designs and achieve capabilities that weren’t available before.

To take your element design to the next level, you can pair CSS Transform with our Pro feature - Motion Effects, to create incredible designs, without a single line of CSS or an extra plugin.

Following is a list of CSS transformations available:

  • Rotate - 2D & 3D rotation: pivot element in any dimension
  • Scale - Increase or decrease the element’s size
  • Skew - Transformation that skews an element
  • Offset - Translate an element vertically or horizontally
  • Flip - Create a mirror effect of the element - vertically or horizontally

Here’s how it works:

  1. Create a new page, edit it with Elementor, and drag & drop any widget
  2. Go to Advanced > Transform
  3. Play around with the different options and make sure everything works as expected
  4. If you are a Pro user:
    a. Make sure you updated to Elementor Pro 3.5.0
    b. Apply scrolling effects to this widget via Advanced > Motion Effects > Scrolling effects
    c. Play around with the different options and make sure everything works as expected with motion effect as well

Text Stroke

Text Stroke is a styling property that allows you to add a text stroke (outline) to any heading you wish to.

Adding Text Stroke allows you to highlight specific elements on the page by giving them an outline. With this styling option, you can set the font to transparent, and use text stroke to create an outline, or you can choose a color for the text, and a separate color for the outline to make your design stand out.

Text stroke will be available for the following widgets: Icon Box, Tabs, Accordion, and Text Path. It will also be available for the following Pro widgets in the upcoming Elementor Pro v3.6: Posts, Animated Headline, Price List, Price Table, Flip Box, Call to Action, Testimonial Carousel, and Countdown.

Here’s how it works:

  1. Create a new Page, edit it with Elementor and drag & drop Heading widget
  2. Go to the widget’s panel, and under Style > Title click on Text Stroke control
  3. Play around with the different options and make sure everything works as expected
  4. This feature is also supported in the Icon Box widget, Tabs widget, Accordion widget, and Text path widget
  5. Make sure everything works as expected both on Frontend and in the Editor

Word Spacing Control

Similar to Letter Spacing, the new Word Spacing control in the typography group control allows you to set the distance between one word and another. Doing so enables you to increase your design customization of textual elements, including but not limited to headings, text editors, buttons, and more.

** Here’s how it works:**

  1. Under any widget that contains text, go to β€œStyle” tab
  2. Click the Pencil β€œedit” icon of the Typography control
  3. Change the space between words using the β€œWord spacing” control
  4. Use this setting in a Global Font
  5. Make sure everything works as expected both on Frontend and in the Editor

Improving Workflow and Productivity

Main Workflow

Meet Favorite Widgets - Save Precious Time and Pin your Favorite Widgets

Mark widgets as favorites

As you tend to generate an affinity towards specific widgets and use them often, we’ve created a dedicated β€˜Favorites’ section in the Editor Panel for you to pin your favorite widgets to. While we always encourage you to incorporate new widgets in your websites, when they are appropriate, pinning widgets to your β€˜Favorites’ section will allow you to work faster by personalizing the Editor to you.

Once you mark widgets as your favorite, they will appear in a dedicated β€˜Favorites’ section. Widgets added to this section will appear in alphabetical order.

Here’s how it works:

  1. Edit a page with Elementor
  2. Open the widgets panel
  3. Right click on any widget
  4. Click β€œAdd to Favorites”
  5. The widget will now appear at the top of the panel under a dedicated β€œFavorites” section
  6. Go to a different page or post in your site and make sure the settings has been saved for your user
  7. Switch user and see that the settings are relevant only for your user

Multi-Select - Work Faster and Impact Several Elements at Once

Multi Select

As you build out your websites, you may notice that the style of some sections, columns or widgets repeat themselves throughout the page, or that you would like to copy, or delete a number of them simultaneously. To improve your workflow and allow you to scale your website creation, you can leverage multi-select to impact multiple elements at once; including: copy, delete, duplicate, paste, paste style, and reset style.

For example, by clicking ctrl (or CMD in Mac) while clicking a number of widgets, columns or sections in the editor or the navigator, you can delete them instantly, instead of deleting them one by one. Another example is when you have a number of similar elements, such as button widgets in a column, and you want to make them all in one row, you can style one of them to be in-line, and instantly copy that style to all the other buttons, at once.

Here’s how it works:

  1. Edit a page using Elementor
  2. Select any page element
  3. Press the ctrl key (CMD key on mac)
  4. Select additional page elements in the live preview and / or the navigator panel
  5. Supported actions will apply for the entire selection

Drag from Desktop - Improve your Workflow by Dragging Media Files Directly into the Editor

Drag from Desktop

Skip the: β€œupload to media library,” drag in a widget ,and select the media file steps, and simply drag media files from your desktop directly onto the page. You can drag one or several media files to the editor, and have them all appear in one section, making your workflow easier, and more efficient.

Dragging a media file onto the page will automatically add the media files to the media library, and create the correlating widget on the page (a dragged image will automatically place an image widget in the section, and a video will automatically place a video widget in the section).

In addition to media files, you’ll be able to easily drag any saved templates files (.json) onto your website.

Here’s how it works:

  1. Edit a page with Elementor
  2. Drag one or multiple images from your desktop into the screen
  3. Repeat the same step for videos and exported Elementor template files (.json)
  4. The assets will be uploaded to the media library and added to the page as the corresponding widgets

Tweak: Improved Experiments UI

The improved Experiments user interface makes it easier for you to understand the maturity and status of each experiment. The top section of experiments displays those that are ongoing, and displays their status - alpha or beta, whereas the bottom section displays those that are more stable.

With the new interface, you can also activate and deactivate all experiments in a single-click.

Here’s how it works:

  1. Go to the WP Dashboard > Elementor > Settings > Experiments tab
  2. Activate some experiments
  3. Click on Deactivate all experiments button. Make sure all the experiments are in Inactive status
  4. Go to the Editor and make sure there isn’t an experiment in an active state (for example no Additional Custom Breakpoints, no Color Sampler, etc’)
  5. Go back to WP dashboard and make sure there isn’t an experiment in an active state (for example no Import Export template)
  6. Go back to the Experiments tab and click on Activate all experiments. Make sure all the experiments are in the Active status
  7. Repeat steps (4) and (5) and this time make sure the experiments are working properly

Eicons library is now supported in the inline SVG experiment

This new experiment achieves faster page load by changing the loading mechanism of eicons into inline SVG. Keeping up with our commitment to simplifying the process and making constant performance improvement so your website can load rapidly, with this experiment turned on, we reduce CSS and Woff size on each page load by up to 111KB. Read more about how Elementor improved asset loading.

Here’s how it works:

  1. Make sure the Inline Font Icons experiment is Inactive in Settings > Experiments
  2. Create a new page, Drag & Drop an Image widget, and choose any image.
  3. Under the Content tab, set Link to Media file and Lightbox to Yes.
  4. Preview the page, click on the image to launch the Lightbox. Make sure it works.
  5. In developers tool, under the network tab, look for β€œeicons” files. Make sure they appear.
  6. Go back to the Experiments tab, and activate Inline Font Icons experiment
  7. Reload the page you recently created.
  8. In the developers tool, make sure all assets related to font Awesome and eicons were not loaded
  9. Make sure everything is working as expected with various widgets that contain icons both on Frontend and Editor.

More Improvements

Make an Impact: Share Feedback Before Features Are Released

We’re always looking to get to know Elementor customers on a deeper level. If you’re interested in meeting with our team and sharing your insights, feedback, and feature requests you’re welcome to sign up for some quality time with us here. Or download Elementor’s Dev Edition. Talk soon!


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: https://downloads.wordpress.org/plugin/elementor.3.5.0-beta8.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: December 15, 2021 (Estimated)

Many thanks for your support and help!
Cheers,
Elementor Team

@DorShahar DorShahar changed the title πŸš€ Elementor v3.5.0 Beta Release πŸš€ πŸš€ Elementor v3.5.0 Beta Release πŸš€ Nov 7, 2021
@79ho3ein
Copy link

79ho3ein commented Nov 7, 2021

excellent. It would be great if the transform feature worked for sections and columns as well. Currently only works on widgets.
Overall everything is great. Great job

There seems to be a problem using the inner section widget :

Untitled.Project.mp4

@shilo-ey shilo-ey pinned this issue Nov 7, 2021
@shilo-ey shilo-ey added this to the 3.5.0 milestone Nov 7, 2021
@shilo-ey shilo-ey added the help wanted Announcements that request help from users, like Public Beta testing programs. label Nov 7, 2021
@rodolphebertozzo
Copy link
Contributor

Please see : #16793

@DorShahar
Copy link
Author

Hi @rodolphebertozzo - thank you for reporting, we will investigate this on


@79ho3ein - thank you for your feedback. There is no plan to apply transformation for columns and sections since they are the main blocks for the page layout, and other elements are relative to them.

As for the inner section: we will investigate.

@fabigrafo
Copy link

Hi! Yes, that's all very nice.

CSS transform and text stroke are very useful for the design, but the other things are probably not that important in my eyes and especially not at this point in time. But still nice that Elementor is being improved in small steps in some places.

There is a video from Elementor that I think was released in the summer with an announcement of features that should appear in 2021. Will we actually see all of the announced features in Elementor in 2021? I think time is getting scarcer, especially considering the beta lead time and only one milestone is removed from the list in this version.

Bildschirmfoto 2021-11-07 um 23 05 54

What can already be seen in Dev or Beta Edition is marked in bold and what is already included in the official release is ticked off. There is still a lot (important) missing.

FCJlfUZXsAkXG8l

You also posted this picture on Twitter. Is that a serious picture and if so, when is this new surface planned for?
I have to say, I like the (supposedly) new interface very much, it leaves some problems that have been solved a bit cumbersome so far, such as the left editor column, which can be very annoying when you are working on the design, and the responsive bar does not always have to be faded in and out with great effort.

Thank you in advance for your feedback and wish you a good start to the week.

@DorShahar
Copy link
Author

Hi @fabianenzensperger
Thank you for your comment.
You marked that performance as an unchecked checkbox.
Well, we are constantly improving our performance. You can see in the following blog posts and Beta posts how we improved our infrastructure:

  1. Additional Custom Breakpoint - the reason it took a while to develop it since we didn't compromise in performance, and we improved up to 23% in page load time and we reduce the widgets and controls data load by about a third (from 900KB to 600KB).
  2. Improved Assets loading experiment - load only the assets that are in use on the page.
  3. Improved CSS Loading experiment - in v3.3.0 we added a new experiment that saved 120KB in Core and 225KB in Pro
  4. Optimize DOM experiment - we are constantly improving our DOM structure

We encourage you to activate the experience and improve your page performance.
In addition, we do not stop improving our page performance in general, and focusing on performance in every single feature that we are releasing.

Thanks

@Michaelgimii
Copy link

hi @DorShahar, Will neew editor ui be released in 2021?

@DorShahar
Copy link
Author

Hi all
The new UI is under development and it's only a POC at the moment.
Please keep this thread only for issues related to the beta.

Thanks

@rodolphebertozzo
Copy link
Contributor

Hi @DorShahar,
Wasn't the new element container planned for this version normally?

@fabigrafo
Copy link

fabigrafo commented Nov 8, 2021

Hi all The new UI is under development and it's only a POC at the moment. Please keep this thread only for issues related to the beta.

Thanks

Hi @DorShahar,

OK, thanks for the info and sorry that I mentioned it above. If you need help in this regard, I am happy to offer it via a different communication channel. But from now on it's only about this beta, sorry. 😁

Greetings

@fabigrafo
Copy link

Hi @fabianenzensperger Thank you for your comment. You marked that performance as an unchecked checkbox. Well, we are constantly improving our performance. You can see in the following blog posts and Beta posts how we improved our infrastructure:

  1. Additional Custom Breakpoint - the reason it took a while to develop it since we didn't compromise in performance, and we improved up to 23% in page load time and we reduce the widgets and controls data load by about a third (from 900KB to 600KB).
  2. Improved Assets loading experiment - load only the assets that are in use on the page.
  3. Improved CSS Loading experiment - in v3.3.0 we added a new experiment that saved 120KB in Core and 225KB in Pro
  4. Optimize DOM experiment - we are constantly improving our DOM structure

We encourage you to activate the experience and improve your page performance. In addition, we do not stop improving our page performance in general, and focusing on performance in every single feature that we are releasing.

Thanks

Hey @DorShahar,

you are definitely right and the performance is actually noticeable! I am aware of these things, I just didn't tick it off because there were always improvements over the year and one or the other thing has not yet been completed or there could be further improvements right now with regard to "Div / Container Widget", "Flexbox Container" and "Nested Elements".

That should again ensure performance, I think. πŸ€—

@rodolphebertozzo
Copy link
Contributor

rodolphebertozzo commented Nov 8, 2021

Hi! Yes, that's all very nice.

CSS transform and text stroke are very useful for the design, but the other things are probably not that important in my eyes and especially not at this point in time. But still nice that Elementor is being improved in small steps in some places.

There is a video from Elementor that I think was released in the summer with an announcement of features that should appear in 2021. Will we actually see all of the announced features in Elementor in 2021? I think time is getting scarcer, especially considering the beta lead time and only one milestone is removed from the list in this version.

Bildschirmfoto 2021-11-07 um 23 05 54

What can already be seen in Dev or Beta Edition is marked in bold and what is already included in the official release is ticked off. There is still a lot (important) missing.

FCJlfUZXsAkXG8l

You also posted this picture on Twitter. Is that a serious picture and if so, when is this new surface planned for? I have to say, I like the (supposedly) new interface very much, it leaves some problems that have been solved a bit cumbersome so far, such as the left editor column, which can be very annoying when you are working on the design, and the responsive bar does not always have to be faded in and out with great effort.

Thank you in advance for your feedback and wish you a good start to the week.

Hi @fabien, I agree with your state of mind!
Indeed, having thought about it for a long time, the classic editor is not bad in itself, but not clean enough and with too many cumbersome elements, and to come to a new editor with what seems to be a floating bar to manage the options of each element and a floating window that opens when you want to add the elements (and I refer to what I see on the picture) seems to me to be something extraordinary and magical. @DorShahar, @shilo-ey, In any case, you have all my support for the wonderful work you are doing, and I will continue more than ever, maybe less in beta but directly in the development versions to test as soon as possible each of your features and to give you my feedbacks.

@momo-fr
Copy link

momo-fr commented Nov 8, 2021

Hi, the rotate feature is difficult to use as there is no adjustment of the point of rotation (which should be in the center of the element). The element would disappear in the layout very often (eg with the title widget).

@black-eye
Copy link

Hi @DorShahar, based on the post here: https://developers.elementor.com/v3-5-planned-deprecations/ it seems that Elementor 3.5 has introduced some fundamental changes in managing the widgets and controls (registering, unregistering, etc.). Many methods related to creating the new widgets are now softly deprecated since 3.5.

The problem is, that the developers docs still doesn't reflect this change (see: https://developers.elementor.com/add-custom-functionality/#Registering_New_Widgets). The new method register() is also nowhere to be found there (nor the explanation on how to use it).

Could you please clarify us these new changes and how do they affect creating custom widgets and controls? Thanks.

@mediumstudio
Copy link

wow - thanks to everyone for their hard work! Elementor is a phenomenal tool.

@79ho3ein
Copy link

79ho3ein commented Nov 8, 2021

In connection with Multi-Select ...
If I select elements to delete directly without activating the navigation panel, I feel there is interference.
Once it works right, once it does not work right! But I do not experience this problem in paste style and it always works properly. There is only difficulty in selecting to delete elements. Friends, please try this

Untitled.Project.mp4

@fabigrafo
Copy link

Hi @DorShahar and @shilo-ey,

Thoughts on text stroke and border

In the (for example) design and prototype tool "Sketch" and also in the Affintity / Adobe programs there is the following function:

Bildschirmfoto 2021-11-09 um 00 26 40

Namely, the possibility of displaying the frame or the text stroke (which is nothing more than a frame) "inside", "center" and "outside". I think something like that should be adjustable with this function, because most of the time the text stroke or the frame in Elementor looks very curious and this is probably due to the standard alignment "center" that Elementor uses.

I would like some feedback on that. Because this could also be integrated into Elementor for all types of border or stroke.

Suggestion to favorites

Bildschirmfoto 2021-11-09 um 00 36 34

And in addition to the favorites function, I also notice that this group, like the search function, should be pinned to the top. So adhesive, so that you don't have to scroll back up to find your favorite widget. Good idea?

@fabigrafo
Copy link

CSS Transform problem in Editor

Transform a button in the editor is a little bit buggy. In Front end it looks "good" (of chourse not, because it's a test with weird combination of tranforms πŸ˜…).

Editor:

Bildschirmfoto 2021-11-09 um 00 44 25

Frontend:

Bildschirmfoto 2021-11-09 um 00 46 43

Maybe you should test the individual behavior of the various widgets again, because I haven't checked all of them. πŸ‘€

@Kishorchandth
Copy link

Bug:

  1. After enabling Font-Awesome Inline eicons (Hamburger menu icon) were inline properly but Close Icon was not rendering.
    Close Icon is not rendering

  2. Tweak: Improved Experiments UI is great but when experiments get bigger we have to scroll more. I would request save changes to be sticky to the top or bottom.

@ramiy
Copy link
Contributor

ramiy commented Nov 9, 2021

Hi @DorShahar, based on the post here: https://developers.elementor.com/v3-5-planned-deprecations/ it seems that Elementor 3.5 has introduced some fundamental changes in managing the widgets and controls (registering, unregistering, etc.). Many methods related to creating the new widgets are now softly deprecated since 3.5.

The problem is, that the developers docs still doesn't reflect this change (see: https://developers.elementor.com/add-custom-functionality/#Registering_New_Widgets). The new method register() is also nowhere to be found there (nor the explanation on how to use it).

Could you please clarify us these new changes and how do they affect creating custom widgets and controls? Thanks.

We are planning to release the new developers docs before the final release of Elementor 3.5. You will find there all the changes, with new tutorials. Meanwhile, check the deprecations post in the developers blog.

Also, keep in mind that deprecated methods won't break your code. Soft deprecation last 4 major version, then you have another 4 major version of hard deprecation. Only after 8 version we delete the old code. Theoretically, you can use the old methods until Elementor 4.3.0.

@DorShahar
Copy link
Author

Hi @momo-fr, thanks for reaching out. Can you share a video that explains why it is difficult to use?


Hi @79ho3ein , thank you for your feedback. However, I couldn't reproduce the scenario in your video.
If someone else experiencing this, please reach out.


@fabianenzensperger , as for your comments:

  1. Text stroke & border : we will think about this. However, we cannot implement suggestion like this during the Beta phase.
  2. Pined the search bar: nice suggestion! we will discuss it.
  3. Transform (skew) - I wasn't able to reproduce it on my end. If anyone else experiencing this, please reach out with a video.

Hi @Kishorchandth , thank you for checking our beta.

  1. We are aware of the bug with the close button in the Nav menu widget , and we will fix it in the next beta.
  2. At the moment we will not change the location of the button. By using the buttons of Activate and Deactivate all experiments you don't need to click on the "save" button

Thanks again to everyone.

@momo-fr
Copy link

momo-fr commented Nov 9, 2021

@DorShahar, see here, if we can select the origin point of the element (in my case top/left) we can rotate title correctly in editor i think.

Another point seems to me to be missing for drag & drop function in the editor: being able to drag a plain text file (.txt).

@DorShahar
Copy link
Author

@momo-fr - thank you for the video. There is no bug.
You can control the anchor point using the relevant controls, as you can see below
transform_anchor_point

As for D&D a .txt file - what is the use case? How do you see this implemented (for example the text should be added to the page as a Text editor widget? Heading widget? A button to download this txt file? )

Thanks.

@momo-fr
Copy link

momo-fr commented Nov 9, 2021

Thank you @DorShahar, I have missing this settings.
For drag&drop txt file in Editor widget I think.

@fabigrafo
Copy link

Hi @momo-fr, thanks for reaching out. Can you share a video that explains why it is difficult to use?

Hi @79ho3ein , thank you for your feedback. However, I couldn't reproduce the scenario in your video. If someone else experiencing this, please reach out.

@fabianenzensperger , as for your comments:

  1. Text stroke & border : we will think about this. However, we cannot implement suggestion like this during the Beta phase.
  2. Pined the search bar: nice suggestion! we will discuss it.
  3. Transform (skew) - I wasn't able to reproduce it on my end. If anyone else experiencing this, please reach out with a video.

Hi @Kishorchandth , thank you for checking our beta.

  1. We are aware of the bug with the close button in the Nav menu widget , and we will fix it in the next beta.
  2. At the moment we will not change the location of the button. By using the buttons of Activate and Deactivate all experiments you don't need to click on the "save" button

Thanks again to everyone.

@DorShahar Thanks for the answers. Should I open a thread with this feature request or have you already made a note of it?

@DorShahar
Copy link
Author

@fabianenzensperger - please open and connect to this issue, so it will be easier for us to track.
Thanks again

@79ho3ein
Copy link

79ho3ein commented Nov 9, 2021

I think it would be great if the Drag from Desktop feature also supports the lottie widget. Dragging the json file into the editor, adds the Lottie widget.

@black-eye
Copy link

black-eye commented Dec 6, 2021

Hi,

I've came accross quite important change in legacy css file "elementor\assets\css\frontend-legacy.css". For some reason the predefined column padding settings were moved from .elementor-element-populated to it's child .elementor-element-populated > .elementor-widget-wrap.

Why have you done this? I would expect legacy mode should provide flaweless experience for older sites, but this one broke all my custom settings. BTW, using those settings I tried to deal with this problem: #452. Unfortunatelly, every new update makes my custom solution more and more complicated: first you have removed the .elementor-row element, but at least there was the legacy mode. Now even the legacy mode is broken.

Is there a reason for this or is this some kind of overlook? Thanks for the info.

obrazek

@fabigrafo
Copy link

@DorShahar So it is already 1 day later than 3.5 should have been officially released. Is there any information about this?

Now I read: "December 15, 2021 (Estimated)"

Ok, thanks, unfortunately in the last few weeks of a beta we usually don't get any more regular information from the developers. πŸ™‹β€β™‚οΈ

Well, they must have a lot to do.. πŸ‘

@ROGMARQ14
Copy link

DoesnΒ΄t converting eicons into inline SVG increase the size of the DOM?

@DorShahar
Copy link
Author

Hi,

I've came accross quite important change in legacy css file "elementor\assets\css\frontend-legacy.css". For some reason the predefined column padding settings were moved from .elementor-element-populated to it's child .elementor-element-populated > .elementor-widget-wrap.

Why have you done this? I would expect legacy mode should provide flaweless experience for older sites, but this one broke all my custom settings. BTW, using those settings I tried to deal with this problem: #452. Unfortunatelly, every new update makes my custom solution more and more complicated: first you have removed the .elementor-row element, but at least there was the legacy mode. Now even the legacy mode is broken.

Is there a reason for this or is this some kind of overlook? Thanks for the info.

obrazek

HI @black-eye
This fix was part of:

You are correct - and indeed we need to give an option for backward compatibility.


DoesnΒ΄t converting eicons into inline SVG increase the size of the DOM?

Hi @ROGMARQ14 - this is an experiment. You can activate or deactivate it. There are pros and cons for each side.

@zeinnicholas
Copy link

zeinnicholas commented Dec 7, 2021

This update seems to introduce a lot of changes, and many hard deprecated (removed) code. Please, before releasing or pushing the update make sure to prepare the public accordingly by releasing a post way before the version is available, explaining what is new and how people can prepare for this update to avoid the obvious public outrage when things go wrong. Especially since many users have add-ons installed that will probably break with this release if they aren't compatible.

Make sure the changelog is updated before releasing.

Make sure to let us know it will be released before it does, instead of simply closing the issue saying it was released 3 days after people already started updating through WordPress.

Let's avoid doing the same mistakes of the past ok? This will be highly appreciated!

@Kishorchandth
Copy link

DoesnΒ΄t converting eicons into inline SVG increase the size of the DOM?

Yes, it will increase DOM size a bit but you also save 80KB from eicons, more than 150KB from FontAwesome icons.

@black-eye
Copy link

black-eye commented Dec 7, 2021

@DorShahar

HI @black-eye This fix was part of:

* Fix: Column padding affected absolute positioned elements (Elementor v 3.4.5 caused absolutely positioned items to move slightly out of position

Well, by inspecting the original problem, it seems that in 4.4.5 you've released a "feature", which broke the existing absolute possitioned layouts. So you have decided to fix this issue by breaking yet another part of the design. What was the purpose of the original change in the first place? There is no reply from the devs in the original thread to this question and the users there don't seem to understand why this change has been introduced and why it wasn't mentioned in the change log. Wouldn't be the best solution to roll back the change in 4.4.5?

Maintaing Elementor sites has become huge pain, especially when you've done this big mistake of customizing it to your needs. It's like patching the patches that fixes the patches over another patches. Unfortunately we need these custom enhancements to achieve basic stuff which isn't provided by default.

@DorShahar
Copy link
Author

Hi @zeinnicholas - regarding your comment. For each version, we are releasing deprecations blog post. Also to this one. See this link at the end of the first post (end of the changelog).
In case that a function was deleted and we didn't declare it, please let us know!


@black-eye - the fix was part of the Rescue DOM elements experiment. During the experiment, we harmed sites in v3.4.5, and therefore, we fixed it.
We aren't running away from responsibility, and are doing our best to improve our quality and backwards compatibility to any feature.

@DorShahar
Copy link
Author

Hi All,
We just released a new beta version, please update your version to Elementor v3.5.0 Beta 6
Due to maintenance we made to our release system the version you are receiving has a larger increment than planned (beta8 instead of beta6).

This version is the release candidate (RC) and includes the following change:

  • Tweak: Reverted Button trait module update

Thanks

@DorShahar DorShahar changed the title πŸš€ Elementor v3.5.0 Beta 5 Release πŸš€ πŸš€ Elementor v3.5.0 Beta 6 Release πŸš€ Dec 8, 2021
@zeinnicholas
Copy link

Hi @zeinnicholas - regarding your comment. For each version, we are releasing deprecations blog post. Also to this one. See this link at the end of the first post (end of the changelog).
In case that a function was deleted and we didn't declare it, please let us know!

Hello @DorShahar thanks for the response.

Let me be more clear, perhaps you didn't understand what I meant:

At this point, it's common practice of Elementor to push releases (especially Core releases) before making any announcement to the general public. The releases are pushed by Sunday and an announcement is only made in Elementor's blog 3 to 4 days later.

For us, beta testers, we are aware of the changes. But for the general public this adds confusion, followed by frustration when things go wrong.

I'm asking if you can please do the other way around:

  1. First release a blog post about the upcoming release and what might change, explaining how to proceed before updating (making backups, testing first, clearing cache, making sure add-ons are compatible, etc).

  2. Make sure the changelog is updated in the WordPress repository (it never is in time).

  3. Push the release.

  4. Announce the new version has been released and appease expectations (something like "it may take some time for the update to appear in your Dashboard"). Reinforcing the need to backup, test it out, clear cache, and to make sure add-ons are compatible.

This new version will inevitably break some sites, most likely because of cache, but probably also because of incompatible add-ons.

I'm asking you to be preemptive. Not just for devs like us, but to the general public.

Thanks for your hard work.

@DorShahar
Copy link
Author

Hi @zeinnicholas - thanks for clarifying this one!
We will examine our process again so we could improve it.

@shilo-ey shilo-ey reopened this Dec 12, 2021
@fabigrafo
Copy link

So 3.5.0 is rolling out? πŸ€—

@DorShahar
Copy link
Author

Hello All!

Core v3.5.0 has been officially released!
Thank you for all of your feedback and efforts.

Thank you all!

@fabigrafo
Copy link

Hello All!

Core v3.5.0 has been officially released! Thank you for all of your feedback and efforts.

Thank you all!

@DorShahar With pleasure, I'm looking forward to 3.6! Can we expect a beta this year?

What happens to the rest of the things that have been announced for 2021? Will they come in 2022? I mean Mega menu, Nested Elements, Flexbox Container, Elementor Presets and Page transitions..

@babakfp
Copy link

babakfp commented Dec 14, 2021

What happened to the Container widget? It's not available in 3.5.0🀨

@fabigrafo
Copy link

What happened to the Container widget? It's not available in 3.5.0🀨

It's not in 3.5! it's in dev Beta 3.6.0

@shilo-ey shilo-ey unpinned this issue Dec 15, 2021
@shilo-ey shilo-ey removed the help wanted Announcements that request help from users, like Public Beta testing programs. label Dec 15, 2021
@nicholaszein nicholaszein changed the title πŸš€ Elementor v3.5.0 Beta 6 Release πŸš€ βœ… πŸš€ Elementor v3.5.0 Beta 6 Release πŸš€ Aug 15, 2023
@nicholaszein 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. mod* [Temp.] For internal use only. labels Aug 15, 2023
@elementor elementor locked and limited conversation to collaborators Aug 15, 2023
@nicholaszein nicholaszein added the announcement Used for general announcements. label Sep 23, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
announcement Used for general announcements. help wanted Announcements that request help from users, like Public Beta testing programs. mod* [Temp.] For internal use only. solved Indicates that an Issue has been Solved, or a Feature Request has been Released.
Projects
None yet
Development

No branches or pull requests