📚 Developers Update: Elementor v3.27 - What to Prepare For

[nicholaszein]

Hey there, Devs! 👋

🚀 Elementor v3.27 is just around the corner, packed with powerful updates for developers and creators! 🛠️

Important

Read the full Developers Update article to prepare for the changes and join the Beta Testing Program to ensure your code is compatible ahead of the release!
Elementor v3.27 is estimated to be released on January 20, 2025.

💡 What's in this release?

Elementor 3.27 introduces advanced grid layouts, performance enhancements, accessibility improvements, and key updates for developers:

• 🎨 Advanced CSS Grid Layouts: Grid Containers now support child elements spanning rows and columns, enabling more dynamic and flexible designs.
• ⬇️ Local Google Fonts: Enhance performance and privacy by hosting Google Fonts locally.
• ⚡ Performance Optimizations: Streamlined DOM, conditional loading for Swiper.js, and improved CLS for faster, smoother sites.
• 📱 YouTube Shorts Support: Easily embed vertical videos with 9:16 aspect ratio options.
• ♿ Accessibility Enhancements: Includes YouTube captions, improved keyboard navigation for carousels, and better screen reader compatibility.

📝 What to Prepare For – 🚨 Critical Info for 3rd-Party Devs

This release introduces changes that may impact third-party integrations. Key updates include:

• 🛠 CSS Changes: The .elementor-html5-video class has been removed. Use .elementor-background-video-hosted instead.
• 🛠 Script Dependencies: Declare dependencies like Swiper.js using get_script_depends() for conditional loading.
• 📏 Simplified Aspect Ratios: Legacy ratio hacks have been removed, reducing CSS complexity and file size.
• 🛠 Widget Markup Updates: Ensure custom widgets follow the latest markup standards to align with optimized structures.
• ⚡ Optimized Markup Experiment: Test your add-ons with Elementor's reduced DOM structure to ensure compatibility.

Warning

Developer Advisory
Add-on developers must adjust their code to implement these changes and maintain compatibility.
Review the changelog in the Elementor v3.27 Beta Release for detailed information.

---

ℹ️ Resources for Developers

Stay informed and up-to-date with these essential resources:

• 📚 Developers Center: Explore tools and documentation to optimize your development workflow.
  https://developers.elementor.com/
• 🛠️ Best Practices: Follow our guide to align your add-ons with Elementor's standards for optimal performance.
  https://developers.elementor.com/docs/getting-started/best-practices/
• 🚨 Recent Deprecations: Stay ahead of changes by reviewing deprecated features and updating your code accordingly.
  https://developers.elementor.com/recent-deprecations/
• 📬 Developers Newsletter: Subscribe for the latest updates, feature releases, and important announcements.
  https://elementor.com/pages/addon-developers-corner/

---

Note

For complete details, check out the full Elementor 3.27 Developer Update.
Join the conversation about the Beta release here: 🔥 Elementor v3.27 Beta Release 🔥.

Please review our Developers Documentation and align your code to ensure a smooth transition. Let's make this release the best yet! 💪