![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/10\/Ajax-Pagination.png\")
<\/figure>\n\n\n\n[PRO] Introducing AJAX for Loop Grids – For Seamless Content Loading <\/strong><\/h2>\n\n\n\nWe’re excited to present the fourth most requested feature on GitHub: AJAX loading for Loop Grids. AJAX, standing for Asynchronous JavaScript and XML, makes your site’s visitor experience smoother by loading new content in a Loop Grid without reloading the entire page.<\/p>\n\n\n\n
AJAX Loop Grid Pagination <\/strong><\/h3>\n\n\n\nVisitors can now switch between pages of your listing without reloading the entire page. Clicking on the Loop Grid\u2019s pagination element only reloads the Grid’s content, facilitating a smoother experience for visitors browsing through a listing of products or posts. AJAX Pagination also assigns each page of your listing its own URL<\/a> parameter, making it easier for visitors to save or share links to specific listing pages. For instance, if you\u2019re building a recipe blog, visitors can effortlessly browse through a listing of recipes and share or save links to pages featuring recipes they liked.<\/p>\n\n\n\nThe “Autoscroll” control is another feature of AJAX Loading. Activating autoscroll automatically scrolls to the top of the grid when visitors change the pagination. If you’re using a Taxonomy Filter, you can set an offset value to the autoscroll effect to keep your filter bar in view.<\/p>\n\n\n\n
Individual Pagination for Loop Grids and Posts Widget<\/strong><\/h3>\n\n\n\nIn previous versions, changing the pagination of a listing affected the pagination of other listings on the same page. For example, if both a Loop Grid and Posts Widget were placed on the same page, selecting the third page of one of them would also load the third page of the second one. However, with the Individual Pagination feature, visitors can now change the pagination of a listing without affecting other Loop Grids and Posts Widgets on the page. For example, in a recipe blog, you can add a Loop Grid that displays vegetarian recipes alongside a Loop Grid or Posts Widget that displays a listing of all of your posts. Visitors can change the pagination of either the Post Widget or the Loop Grid independently.<\/p>\n\n\n\n![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/10\/Performance.png\")
<\/figure>\n\n\n\nImprove Website Performance with Faster LCP<\/strong><\/h2>\n\n\n\nElementor 3.17 makes your site even faster with two features that will turbocharge your website\u2019s loading time. <\/p>\n\n\n\n
Optimize Image Loading<\/strong><\/h3>\n\n\n\nThe first performance update in this version is a result of Elementor\u2019s partnership with Chrome to identify opportunities for improving the performance of Elementor built websites. The collaboration involves utilizing Google tools such as the Chrome User Experience Report and Core Web Vitals Technology Report. One of the results of using these tools is Google\u2019s decision to contribute the \u201cOptimize image loading\u201d features to Elementor’s core plugin. <\/p>\n\n\n\n
This experimental feature improves frontend speed by prioritizing image loading based on the placement of the images on the page. It detects which image is most likely to be the “LCP image”, the largest contentful paint element in the viewport, and prioritizes its load using priority hints.<\/p>\n\n\n\n
The experiment also applies lazy-loading to images not initially displayed in the viewport and loads them when they come into view. These changes improve the LCP Core Web Vital metric by 5-10%, depending on the complexity of the page. So image-heavy pages will enjoy an even greater performance boost. This feature also works with Elementor websites running on older versions of WordPress that don\u2019t include LCP detection updates.<\/p>\n\n\n\n
Gutenberg Asset Loading<\/strong><\/h3>\n\n\n\nThe second performance update boosts your site\u2019s frontend speed by excluding Gutenberg styles and scripts when not in use. This experiment improves your site\u2019s LCP metric by detecting when Gutenberg wasn\u2019t used to create a page or generate its content. This allows Elementor to avoid loading unnecessary code.<\/p>\n\n\n\n![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/10\/Star-Rating.png\")
<\/figure>\n\n\n\nNew Rating Widget For Design Flexibility <\/strong><\/h2>\n\n\n\nElementor 3.17 introduces the new Rating Widget, offering more flexibility to personalize your visual rating scales for products, content, and more. You can visually represent your rating using Font Awesome icons or by uploading your own SVG. For instance, for a music review, you could use your SVG to give a new album a rating of 5 out of 5 golden records.<\/p>\n\n\n\n
The Rating Widget expands the range of rating scales available in the Star Rating Widget. Instead of being limited to a 0-5 or 0-10 scale, you can now set a rating scale from zero to any number that suits your requirements. For example, you could give an album a 3 out of 3 or 7 out of 7 golden records rating. The Rating Scale dropdown has been replaced with a range for ease of use.<\/p>\n\n\n\n
Furthermore, the Rating Widget enhances your site’s SEO ranking with an improved schema attribute. It replaces the Star Rating Widget in the Widget Panel, but any existing Star Ratings on your site will remain unaffected.<\/p>\n\n\n\n![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/10\/Menu-improvements.png\")
<\/figure>\n\n\n\nHorizontal Scroll For Menu Widget <\/strong><\/h2>\n\n\n\nElementor 3.17 offers more design flexibility when building menus. Until now, when visitors changed the size of their viewport, menus would resize into a “dropdown layout” (also known as “hamburger menu”). With the new updates to the Menu Widget, you can prevent menus from resizing by going to Responsive<\/a> Settings, open the dropdown menu labeled \u201cBreakpoint\u201d and select “None.<\/p>\n\n\n\nDisabling responsive resizing can result in situations where the menu is wider than the viewport. In many cases, this can drop some of the menu items down to the next line. To prevent this, 3.17 also includes the ability to enable horizontal scrolling. When enabled, your menu will maintain its original design on any device and allow visitors to horizontally scroll through the menu items instead of disrupting the design.<\/p>\n\n\n\n![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/10\/Accessibility-improvements.png\")
<\/figure>\n\n\n\nAccessibility Improvements<\/strong><\/h2>\n\n\n\n- Popups: Improve focus management when enabling the Accessible Navigation option, by focusing initially on the popup close button instead of other focusable elements inside popups.<\/li>
- Table of Contents Widget: Indicate that the minimize\/maximize button in the Table of Contents widget is an interactive element for visitors using assistive technologies.<\/li>
- Nested Accordion Widget: Improve the accessibility of Accordion layouts for visitors using keyboard navigation.<\/li><\/ul>\n\n\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/10\/Additional-Updates.png\")
<\/figure>\n\n\n\nAdditional Updates<\/strong><\/h2>\n\n\n\n- Responsive Template<\/a> Designs: Improve your ability to correctly display changes made to responsive designs of templates with additional breakpoints. You will no longer need to regenerate CSS to see changes you made to templates when editing in the Theme Builder<\/a>. Changes will be reflected in your website’s Editor and frontend.<\/li>
- Accordion Widget FAQ Schema: improve the SEO compatibility of your content by adding a FAQ Schema control. The FAQ Schema adds a specialized markup to your page\u2019s code that contains a list of questions and answers. Search engines can read this markup and use it to generate rich code.<\/li>
- VideoPress Integration: Seamlessly integrate VideoPress into your Elementor site. Enjoy all the features VideoPress offers, such as self hosted videos, transcoded video files for playback on many device types, adaptive streaming based on device screen size and available bandwidth, the ability to authenticate private videos, and more.<\/li><\/ol>\n\n\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/10\/AI-history.png\")
<\/figure>\n\n\n\n[Elementor AI] AI History – Restore AI Generated Content <\/strong><\/h2>\n\n\n\nElementor 3.17 enhances your workflow on Elementor AI with the AI History feature. This feature displays previously used prompts and the images or texts they generated. You can restore prompts and their generated content, allowing you to pick up where you left off. You can continue editing the content with AI, use it on your site, or permanently delete it from AI History. <\/p>\n\n\n\n
Visitors can now switch between pages of your listing without reloading the entire page. Clicking on the Loop Grid\u2019s pagination element only reloads the Grid’s content, facilitating a smoother experience for visitors browsing through a listing of products or posts. AJAX Pagination also assigns each page of your listing its own URL<\/a> parameter, making it easier for visitors to save or share links to specific listing pages. For instance, if you\u2019re building a recipe blog, visitors can effortlessly browse through a listing of recipes and share or save links to pages featuring recipes they liked.<\/p>\n\n\n\n The “Autoscroll” control is another feature of AJAX Loading. Activating autoscroll automatically scrolls to the top of the grid when visitors change the pagination. If you’re using a Taxonomy Filter, you can set an offset value to the autoscroll effect to keep your filter bar in view.<\/p>\n\n\n\n In previous versions, changing the pagination of a listing affected the pagination of other listings on the same page. For example, if both a Loop Grid and Posts Widget were placed on the same page, selecting the third page of one of them would also load the third page of the second one. However, with the Individual Pagination feature, visitors can now change the pagination of a listing without affecting other Loop Grids and Posts Widgets on the page. For example, in a recipe blog, you can add a Loop Grid that displays vegetarian recipes alongside a Loop Grid or Posts Widget that displays a listing of all of your posts. Visitors can change the pagination of either the Post Widget or the Loop Grid independently.<\/p>\n\n\n\n Elementor 3.17 makes your site even faster with two features that will turbocharge your website\u2019s loading time. <\/p>\n\n\n\n The first performance update in this version is a result of Elementor\u2019s partnership with Chrome to identify opportunities for improving the performance of Elementor built websites. The collaboration involves utilizing Google tools such as the Chrome User Experience Report and Core Web Vitals Technology Report. One of the results of using these tools is Google\u2019s decision to contribute the \u201cOptimize image loading\u201d features to Elementor’s core plugin. <\/p>\n\n\n\n This experimental feature improves frontend speed by prioritizing image loading based on the placement of the images on the page. It detects which image is most likely to be the “LCP image”, the largest contentful paint element in the viewport, and prioritizes its load using priority hints.<\/p>\n\n\n\n The experiment also applies lazy-loading to images not initially displayed in the viewport and loads them when they come into view. These changes improve the LCP Core Web Vital metric by 5-10%, depending on the complexity of the page. So image-heavy pages will enjoy an even greater performance boost. This feature also works with Elementor websites running on older versions of WordPress that don\u2019t include LCP detection updates.<\/p>\n\n\n\n The second performance update boosts your site\u2019s frontend speed by excluding Gutenberg styles and scripts when not in use. This experiment improves your site\u2019s LCP metric by detecting when Gutenberg wasn\u2019t used to create a page or generate its content. This allows Elementor to avoid loading unnecessary code.<\/p>\n\n\n\n Elementor 3.17 introduces the new Rating Widget, offering more flexibility to personalize your visual rating scales for products, content, and more. You can visually represent your rating using Font Awesome icons or by uploading your own SVG. For instance, for a music review, you could use your SVG to give a new album a rating of 5 out of 5 golden records.<\/p>\n\n\n\n The Rating Widget expands the range of rating scales available in the Star Rating Widget. Instead of being limited to a 0-5 or 0-10 scale, you can now set a rating scale from zero to any number that suits your requirements. For example, you could give an album a 3 out of 3 or 7 out of 7 golden records rating. The Rating Scale dropdown has been replaced with a range for ease of use.<\/p>\n\n\n\n Furthermore, the Rating Widget enhances your site’s SEO ranking with an improved schema attribute. It replaces the Star Rating Widget in the Widget Panel, but any existing Star Ratings on your site will remain unaffected.<\/p>\n\n\n\n Elementor 3.17 offers more design flexibility when building menus. Until now, when visitors changed the size of their viewport, menus would resize into a “dropdown layout” (also known as “hamburger menu”). With the new updates to the Menu Widget, you can prevent menus from resizing by going to Responsive<\/a> Settings, open the dropdown menu labeled \u201cBreakpoint\u201d and select “None.<\/p>\n\n\n\n Disabling responsive resizing can result in situations where the menu is wider than the viewport. In many cases, this can drop some of the menu items down to the next line. To prevent this, 3.17 also includes the ability to enable horizontal scrolling. When enabled, your menu will maintain its original design on any device and allow visitors to horizontally scroll through the menu items instead of disrupting the design.<\/p>\n\n\n\n Elementor 3.17 enhances your workflow on Elementor AI with the AI History feature. This feature displays previously used prompts and the images or texts they generated. You can restore prompts and their generated content, allowing you to pick up where you left off. You can continue editing the content with AI, use it on your site, or permanently delete it from AI History. <\/p>\n\n\n\nIndividual Pagination for Loop Grids and Posts Widget<\/strong><\/h3>\n\n\n\n
<\/figure>\n\n\n\nImprove Website Performance with Faster LCP<\/strong><\/h2>\n\n\n\n
Optimize Image Loading<\/strong><\/h3>\n\n\n\n
Gutenberg Asset Loading<\/strong><\/h3>\n\n\n\n
<\/figure>\n\n\n\nNew Rating Widget For Design Flexibility <\/strong><\/h2>\n\n\n\n
<\/figure>\n\n\n\nHorizontal Scroll For Menu Widget <\/strong><\/h2>\n\n\n\n
<\/figure>\n\n\n\nAccessibility Improvements<\/strong><\/h2>\n\n\n\n
<\/figure>\n\n\n\nAdditional Updates<\/strong><\/h2>\n\n\n\n
<\/figure>\n\n\n\n[Elementor AI] AI History – Restore AI Generated Content <\/strong><\/h2>\n\n\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/10\/Hello-theme-settings.png\")
<\/figure>\n\n\n\n