Blog - JoomShaper https://www.joomshaper.com/blog/sp-page-builder 2024-09-11T07:30:30+00:00 JoomShaper support@joomshaper.com MYOB SP Page Builder v5.3.3: Enjoy the Image Addon With Custom SVG Shapes, Zoom on Hover and Various Fixes 2024-06-13T07:55:27+00:00 2024-06-13T07:55:27+00:00 https://www.joomshaper.com/blog/sp-page-builder-v5-3-3 Sreema sreema1392@gmail.com <p>Hola Joomlers! Get ready to kickstart your day with some exciting news because we've got a much-awaited update of your beloved SP Page Builder 5! This update brings you Custom SVG Shapes for the Image addon, making it super easy to jazz up your web layout. Plus, we've taken care of the known pesky bugs that might have been bothering you.</p> <p>Keep reading to find out all the awesome new changes included in this update.</p> <p><strong>SP Page Builder v5.3.3 Changelog:</strong></p> <ul> <li aria-level="1"><strong>New:</strong> Added option to include custom SVG image shapes in the Image addon.</li> <li aria-level="1"><strong>New:</strong> Added the “Zoom on Hover” option in the Image addon.</li> <li aria-level="1"><strong>Update:</strong> Improved Image Carousel addon’s structure.</li> <li aria-level="1"><strong>Update:</strong> Enhanced overall stability.</li> <li aria-level="1"><strong>Fix:</strong> Fixed the Masonry Layout height issue in the Article addon.</li> <li aria-level="1"><strong>Fix:</strong> Addressed the duplicate addon ID issue within nested items in the Slideshow addon.</li> <li aria-level="1"><strong>Fix:</strong> Fixed the margin and padding issue with Carousel addon items.</li> <li aria-level="1"><strong>Fix:</strong> Margin and padding responsive issue on page edit.</li> <li aria-level="1"><strong>Fix:</strong> Resolved the drag and drop functionality issue when the Layers panel remains open.</li> <li aria-level="1"><strong>Fix: </strong>Fixed the folder selection issue in the Image Gallery addon.</li> <li aria-level="1"><b>Fix:</b><span style="font-weight: 400;"> Resolved the issue where the close button in the Frontend editor redirects to the wrong URL.</span></li> </ul> <h2>Conveniently Add Your Favorite Shapes to the Image Addon</h2> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2024/06/13/svg-custom-shapes.jpg" rel="alternate"><img class="img-shadow" title="SP Page Builder v5.3.3" src="https://www.joomshaper.com/images/2024/06/13/svg-custom-shapes.jpg" alt="SP Page Builder v5.3.3" /></a></figure> <p>We had already made your web layout creation more fun by letting you add cool image shapes to your image addons. After this update, we're taking it up a notch by giving you the option to add your own SVG images. Just copy the SVG code, paste it into the field, and voila—your fun image shape is ready to go! Shaping your site’s images with the Image addon has never been such a blast.</p> <p><span style="font-weight: 400;">Want to learn more about the new addition? Check out our documentation <a href="https://www.joomshaper.com/documentation/sp-page-builder/image#:~:text=your%20desired%20image.-,%2B%20Custom%20SVG%20Shapes,-%3A%20Add%20your" target="_blank" rel="noopener">here</a>.</span></p> <h2>Add Flair to Your Images With the Zoom on Hover Feature</h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2024/06/13/new-zoom-on-hover.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video>No more coding headaches to bring your images to life with zooming effects! Say hello to our latest update, featuring the Zoom on Hover option. Now, your images can magically zoom in when hovered over. This awesome feature not only boosts engagement on your site but also adds a playful touch for your visitors to enjoy. Get ready to dazzle with this dynamic and user-friendly experience!</p> <h2>Notable Fixes</h2> <p>We've also tackled those pesky bugs that might have been causing you trouble. Here are some of the notable ones we've addressed.</p> <p>We found that the Masonry Layout height in the Articles addon had an issue where the heights of elements within the layout weren't consistent or adjusted properly. This has now been resolved in this update, so everything should work smoothly once you update to this version. Additionally, we've fixed an issue with drag-and-drop functionality when the Layers panel remained open. Now, users can drag and drop elements without any issues, even when the Layers panel is open. </p> <p>We've also focused on improving the overall stability of SP Page Builder 5, ensuring you experience top-notch performance without any hindrances.</p> <p>Please go through the changelog to know more about other fixes and enhancements that come packed with this version.</p> <h2>Update to the Latest Version Now!</h2> <p>Don't miss out on the opportunity to experience the latest enhancements and fixes by updating to this newest version now! With better stability, fun features like Custom Shapes and Zoom on Hover for Image addon, and tweaks to make your experience smoother, updating means you're getting the best out of SP Page Builder 5. Remember to share your thoughts in the comments below, we truly appreciate your feedback!</p> <p>Happy developing!</p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> <p>Hola Joomlers! Get ready to kickstart your day with some exciting news because we've got a much-awaited update of your beloved SP Page Builder 5! This update brings you Custom SVG Shapes for the Image addon, making it super easy to jazz up your web layout. Plus, we've taken care of the known pesky bugs that might have been bothering you.</p> <p>Keep reading to find out all the awesome new changes included in this update.</p> <p><strong>SP Page Builder v5.3.3 Changelog:</strong></p> <ul> <li aria-level="1"><strong>New:</strong> Added option to include custom SVG image shapes in the Image addon.</li> <li aria-level="1"><strong>New:</strong> Added the “Zoom on Hover” option in the Image addon.</li> <li aria-level="1"><strong>Update:</strong> Improved Image Carousel addon’s structure.</li> <li aria-level="1"><strong>Update:</strong> Enhanced overall stability.</li> <li aria-level="1"><strong>Fix:</strong> Fixed the Masonry Layout height issue in the Article addon.</li> <li aria-level="1"><strong>Fix:</strong> Addressed the duplicate addon ID issue within nested items in the Slideshow addon.</li> <li aria-level="1"><strong>Fix:</strong> Fixed the margin and padding issue with Carousel addon items.</li> <li aria-level="1"><strong>Fix:</strong> Margin and padding responsive issue on page edit.</li> <li aria-level="1"><strong>Fix:</strong> Resolved the drag and drop functionality issue when the Layers panel remains open.</li> <li aria-level="1"><strong>Fix: </strong>Fixed the folder selection issue in the Image Gallery addon.</li> <li aria-level="1"><b>Fix:</b><span style="font-weight: 400;"> Resolved the issue where the close button in the Frontend editor redirects to the wrong URL.</span></li> </ul> <h2>Conveniently Add Your Favorite Shapes to the Image Addon</h2> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2024/06/13/svg-custom-shapes.jpg" rel="alternate"><img class="img-shadow" title="SP Page Builder v5.3.3" src="https://www.joomshaper.com/images/2024/06/13/svg-custom-shapes.jpg" alt="SP Page Builder v5.3.3" /></a></figure> <p>We had already made your web layout creation more fun by letting you add cool image shapes to your image addons. After this update, we're taking it up a notch by giving you the option to add your own SVG images. Just copy the SVG code, paste it into the field, and voila—your fun image shape is ready to go! Shaping your site’s images with the Image addon has never been such a blast.</p> <p><span style="font-weight: 400;">Want to learn more about the new addition? Check out our documentation <a href="https://www.joomshaper.com/documentation/sp-page-builder/image#:~:text=your%20desired%20image.-,%2B%20Custom%20SVG%20Shapes,-%3A%20Add%20your" target="_blank" rel="noopener">here</a>.</span></p> <h2>Add Flair to Your Images With the Zoom on Hover Feature</h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2024/06/13/new-zoom-on-hover.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video>No more coding headaches to bring your images to life with zooming effects! Say hello to our latest update, featuring the Zoom on Hover option. Now, your images can magically zoom in when hovered over. This awesome feature not only boosts engagement on your site but also adds a playful touch for your visitors to enjoy. Get ready to dazzle with this dynamic and user-friendly experience!</p> <h2>Notable Fixes</h2> <p>We've also tackled those pesky bugs that might have been causing you trouble. Here are some of the notable ones we've addressed.</p> <p>We found that the Masonry Layout height in the Articles addon had an issue where the heights of elements within the layout weren't consistent or adjusted properly. This has now been resolved in this update, so everything should work smoothly once you update to this version. Additionally, we've fixed an issue with drag-and-drop functionality when the Layers panel remained open. Now, users can drag and drop elements without any issues, even when the Layers panel is open. </p> <p>We've also focused on improving the overall stability of SP Page Builder 5, ensuring you experience top-notch performance without any hindrances.</p> <p>Please go through the changelog to know more about other fixes and enhancements that come packed with this version.</p> <h2>Update to the Latest Version Now!</h2> <p>Don't miss out on the opportunity to experience the latest enhancements and fixes by updating to this newest version now! With better stability, fun features like Custom Shapes and Zoom on Hover for Image addon, and tweaks to make your experience smoother, updating means you're getting the best out of SP Page Builder 5. Remember to share your thoughts in the comments below, we truly appreciate your feedback!</p> <p>Happy developing!</p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> SP Page Builder v5.3.1 Boasts Enhanced Gallery, Article, and Timeline Addons Along With Other Improvements 2024-05-09T09:20:25+00:00 2024-05-09T09:20:25+00:00 https://www.joomshaper.com/blog/sp-page-builder-v5-3-1 Sreema sreema1392@gmail.com <p>It's that time again to update your go-to SP Page Builder 5! </p> <p>In this update, we are rounding up on a host of thrilling new features for our existing addons alongside numerous fixes to refine your Joomla web-building experience. Wondering what's in store with this update? Keep reading to find out.</p> <p><strong>SP Page Builder v5.3.1 Changelog:</strong></p> <ul> <li aria-level="1"><strong>New:</strong> Added "+ Add Bulk Items" option to include multiple items in the Gallery Addon</li> <li aria-level="1"><strong>New:</strong> Added predefined layouts for the Articles Addon</li> <li aria-level="1"><strong>Update:</strong> T<span style="font-weight: 400;">he Settings Panel and Layers Panel can now remain simultaneously open in the frontend editor</span></li> <li aria-level="1"><strong>Update:</strong> Updated the Timeline Addon to have an ending date option</li> <li aria-level="1"><strong>Fix:</strong> Fixed list item &lt;p&gt; tag issue in the Rich Text Editor</li> <li aria-level="1"><strong>Fix: </strong>Fixed Addon hidden issue in EasyStore pages</li> <li aria-level="1"><strong>Fix:</strong> Resolved the issue related to being unable to disable the Intro text in the Article Scroller Addon</li> <li aria-level="1"><strong>Fix:</strong> Addressed the Image Carousel Addon link issue on touch devices</li> <li aria-level="1"><strong>Fix:</strong> The Slideshow Addon autoplay issue, if a video is present, has been resolved</li> <li aria-level="1"><strong>Fix:</strong> Fixed Google re-captcha z-index issue</li> <li aria-level="1"><strong>Fix:</strong> Fixed ACL-related issues</li> <li aria-level="1"><strong>Fix:</strong> Improved overall stability</li> </ul> <h2>Keep the Settings Panel and Layers Panel Simultaneously Open in the Frontend Editor</h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2024/05/09/layers-and-settings-panel.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video>SP Page Builder 5 is at the forefront when it comes to offering a smart, streamlined, and intuitive working interface. Now, you can keep your Layers panel and addon settings panel open simultaneously, fast-forwarding your layout creation process. No more hassle of constantly toggling back and forth between panels to check your layout and related settings. Drag and place your Layers panel anywhere in the frontend editor and uplift your experience like never before!</p> <h2>Effortlessly Add Bulk Items With the Gallery Addon</h2> <figure> <figure> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2024/05/09/gallery-addon-bulk-items.jpg" rel="alternate"><img class="img-shadow" title="SP Page Builder v5.3.1" src="https://www.joomshaper.com/images/2024/05/09/gallery-addon-bulk-items.jpg" alt="SP Page Builder v5.3.1" /></a></figure> </figure> </figure> <p>The Gallery addon has been updated to include a convenient feature allowing you to add multiple images simultaneously using the “+ Add Bulk Items” option. This streamlines the process of adding multiple items at a time, sparing you the hassle of adding images individually and making gallery creation quicker and more seamless. And this option is accessible in both the frontend and backend editors.</p> <h2>Introduced Predefined Layouts for Article Addon</h2> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2024/05/09/articles-addon-layout.jpg" rel="alternate"><img class="img-shadow" title="SP Page Builder v5.3.1" src="https://www.joomshaper.com/images/2024/05/09/articles-addon-layout.jpg" alt="SP Page Builder v5.3.1" /></a></figure> <p>Struggling to decide on the layout of your blog page? Well, not anymore! This update brings you some awesome predefined layouts for the Articles addon that will simplify the way you arrange your article lists. Now focus more on creating compelling content and less on intricate layout decisions.</p> <h2>Other Notable Enhancements &amp; Fixes</h2> <p>Apart from the new additions, this update also comes with significant enhancements and fixes that you might have been looking for. Let’s take a look at the significant ones:</p> <p><strong>Added Ending Date option for Timeline Addon:</strong> The Timeline addon previously only came with the starting date option for the timeline items. After this update, you can also add the Ending dates for each timeline item.</p> <p><strong>Fixed the &lt;p&gt; tag issue in the Rich Text Editor:</strong> Previously, while creating lists in the Rich Text Editor, the listed texts would remain within the &lt;p&gt; tag, causing layout distortion. This issue has now been resolved and your list items will properly remain within the &lt;li&gt; tag, preventing any more distortions.</p> <p><strong>Resolved ACL-related issues: </strong>We've consistently addressed the Access Control Unit issue, and in this latest update, we've tackled several known ACL-related issues. These efforts aim to ensure you maintain a secure and controlled environment for building your pages.</p> <p>Please go through the changelog to know more about other fixes and enhancements that come packed with this version.</p> <h2>Update to the Latest Version Now!</h2> <p>To ensure you have the best SP Page Builder 5 experience possible, we’re always looking out for those bugs, constantly resolving them, and introducing awesome new features. So don’t miss out - update to the latest version now to enjoy all these enhancements firsthand. Also, don't hesitate to drop your thoughts in the comments – we genuinely appreciate your feedback! </p> <p>Happy developing!</p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> <p>It's that time again to update your go-to SP Page Builder 5! </p> <p>In this update, we are rounding up on a host of thrilling new features for our existing addons alongside numerous fixes to refine your Joomla web-building experience. Wondering what's in store with this update? Keep reading to find out.</p> <p><strong>SP Page Builder v5.3.1 Changelog:</strong></p> <ul> <li aria-level="1"><strong>New:</strong> Added "+ Add Bulk Items" option to include multiple items in the Gallery Addon</li> <li aria-level="1"><strong>New:</strong> Added predefined layouts for the Articles Addon</li> <li aria-level="1"><strong>Update:</strong> T<span style="font-weight: 400;">he Settings Panel and Layers Panel can now remain simultaneously open in the frontend editor</span></li> <li aria-level="1"><strong>Update:</strong> Updated the Timeline Addon to have an ending date option</li> <li aria-level="1"><strong>Fix:</strong> Fixed list item &lt;p&gt; tag issue in the Rich Text Editor</li> <li aria-level="1"><strong>Fix: </strong>Fixed Addon hidden issue in EasyStore pages</li> <li aria-level="1"><strong>Fix:</strong> Resolved the issue related to being unable to disable the Intro text in the Article Scroller Addon</li> <li aria-level="1"><strong>Fix:</strong> Addressed the Image Carousel Addon link issue on touch devices</li> <li aria-level="1"><strong>Fix:</strong> The Slideshow Addon autoplay issue, if a video is present, has been resolved</li> <li aria-level="1"><strong>Fix:</strong> Fixed Google re-captcha z-index issue</li> <li aria-level="1"><strong>Fix:</strong> Fixed ACL-related issues</li> <li aria-level="1"><strong>Fix:</strong> Improved overall stability</li> </ul> <h2>Keep the Settings Panel and Layers Panel Simultaneously Open in the Frontend Editor</h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2024/05/09/layers-and-settings-panel.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video>SP Page Builder 5 is at the forefront when it comes to offering a smart, streamlined, and intuitive working interface. Now, you can keep your Layers panel and addon settings panel open simultaneously, fast-forwarding your layout creation process. No more hassle of constantly toggling back and forth between panels to check your layout and related settings. Drag and place your Layers panel anywhere in the frontend editor and uplift your experience like never before!</p> <h2>Effortlessly Add Bulk Items With the Gallery Addon</h2> <figure> <figure> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2024/05/09/gallery-addon-bulk-items.jpg" rel="alternate"><img class="img-shadow" title="SP Page Builder v5.3.1" src="https://www.joomshaper.com/images/2024/05/09/gallery-addon-bulk-items.jpg" alt="SP Page Builder v5.3.1" /></a></figure> </figure> </figure> <p>The Gallery addon has been updated to include a convenient feature allowing you to add multiple images simultaneously using the “+ Add Bulk Items” option. This streamlines the process of adding multiple items at a time, sparing you the hassle of adding images individually and making gallery creation quicker and more seamless. And this option is accessible in both the frontend and backend editors.</p> <h2>Introduced Predefined Layouts for Article Addon</h2> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2024/05/09/articles-addon-layout.jpg" rel="alternate"><img class="img-shadow" title="SP Page Builder v5.3.1" src="https://www.joomshaper.com/images/2024/05/09/articles-addon-layout.jpg" alt="SP Page Builder v5.3.1" /></a></figure> <p>Struggling to decide on the layout of your blog page? Well, not anymore! This update brings you some awesome predefined layouts for the Articles addon that will simplify the way you arrange your article lists. Now focus more on creating compelling content and less on intricate layout decisions.</p> <h2>Other Notable Enhancements &amp; Fixes</h2> <p>Apart from the new additions, this update also comes with significant enhancements and fixes that you might have been looking for. Let’s take a look at the significant ones:</p> <p><strong>Added Ending Date option for Timeline Addon:</strong> The Timeline addon previously only came with the starting date option for the timeline items. After this update, you can also add the Ending dates for each timeline item.</p> <p><strong>Fixed the &lt;p&gt; tag issue in the Rich Text Editor:</strong> Previously, while creating lists in the Rich Text Editor, the listed texts would remain within the &lt;p&gt; tag, causing layout distortion. This issue has now been resolved and your list items will properly remain within the &lt;li&gt; tag, preventing any more distortions.</p> <p><strong>Resolved ACL-related issues: </strong>We've consistently addressed the Access Control Unit issue, and in this latest update, we've tackled several known ACL-related issues. These efforts aim to ensure you maintain a secure and controlled environment for building your pages.</p> <p>Please go through the changelog to know more about other fixes and enhancements that come packed with this version.</p> <h2>Update to the Latest Version Now!</h2> <p>To ensure you have the best SP Page Builder 5 experience possible, we’re always looking out for those bugs, constantly resolving them, and introducing awesome new features. So don’t miss out - update to the latest version now to enjoy all these enhancements firsthand. Also, don't hesitate to drop your thoughts in the comments – we genuinely appreciate your feedback! </p> <p>Happy developing!</p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> SP Page Builder v5.3.0 Arrives With Transform Option, Bulk Import and Export Functionalities and More 2024-04-17T10:45:19+00:00 2024-04-17T10:45:19+00:00 https://www.joomshaper.com/blog/sp-page-builder-v5-3-0 Sreema sreema1392@gmail.com <p>Howdy Joomlers! SP Page Builder v5.3.0 is now at your doorstep, poised to take your Joomla page-building journey to the next level! Packed with a slew of awesome new features, this update is bound to amaze you and help you accomplish more than ever before! And that's not all - alongside the new additions, you'll soar with significant enhancements and bug fixes, enhancing your overall experience.</p> <p>Excited to learn more? Keep reading for a sneak peek at what's fresh in this update.</p> <p><strong>SP Page Builder v5.3.0 Changelog:</strong></p> <ul> <li><strong>New:</strong> Added Transform option to the style settings of all addons</li> <li><strong>New:</strong> Added Bulk Import and Export functionality</li> <li><strong>New:</strong> Introduced functionality to bulk update Language, Category, and Access Level</li> <li><strong>New:</strong> Option to add images for the Timeline addon items</li> <li><strong>New:</strong> Included alt text field for all media fields</li> <li><strong>New:</strong> Added CodeMirror editor for the custom CSS field in the frontend editor</li> <li><strong>Update:</strong> Improved Text Block addon's Content Truncation feature for the frontend editor</li> <li><strong>Update:</strong> Button position options added for the Pricing Table addon</li> <li><strong>Fix:</strong> Fixed an issue with favoriting addons in the frontend editor</li> <li><strong>Fix:</strong> Resolved z-index issue with the Popover addon</li> <li><strong>Fix:</strong> Issue related to the Image Content display in RTL layouts addressed</li> <li><strong>Fix:</strong> Fixed Opt-in Form addon’s submission issue</li> <li><strong>Fix:</strong> Fixed an issue in the Animation field in the case of the Special option</li> <li><strong>Fix:</strong> Rich Text editor's link issue for page-type links fixed</li> <li><strong>Fix:</strong> Improved overall stability</li> </ul> <h2>Transform Options to Add a Unique Twist to Your Designs</h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2024/04/17/transform_options_final.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p>Say goodbye to the days of complicated custom coding just to add transform effects to your web elements! SP Page Builder 5 now brings you the Transform Options right at your fingertips! Whether you want to move around the elements, tweak their size, or add a touch of flair with rotation, it's all within reach, right in the addons’ Style Settings! Watch your web designs come to life with the transform effects, adding dynamism and grace to your web design!</p> <h2>Several Bulk Actions Added to Streamline Your Workflow</h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2024/04/17/bulk_import_export.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p>This update brings several bulk action features, enhancing efficiency while managing tasks for your benefit. Here’s what’s new:</p> <h3>Bulk Pages Import/Export Functionality</h3> <p>If you are looking to import and export multiple saved pages without a hitch, then we’ve got news for you! You can now significantly slash the time and effort required to manage numerous pages with this new feature and skyrocket your productivity!</p> <h3>Bulk Update Language, Category, and Access Level Functionality</h3> <p>With this new feature, you can effortlessly modify the language, category, and access level for multiple pages at once. Just pick the pages where you'd like to apply the changes, select your desired language, category, or users for the access level, and you're all set to proceed smoothly!</p> <h2>Easily Add Images to Your Timeline Addon Items</h2> <p>Guess what? The Timeline addon just got even cooler! Now you can spice up your timeline items by adding images. By blending images with your text descriptions, you'll create timelines that really pop and tell your story more engagingly!</p> <h2>Added Alt Text Field for All Media Fields</h2> <p>Now, in all media fields, you'll find a new "alt text" option. This neat feature lets you add descriptive text for images, videos, and more. It's all about making sure everyone can access your content, whether they're using a screen reader or facing trouble displaying media. </p> <h2>CodeMirror Editor Added to the Custom CSS Field</h2> <p>We've also introduced a convenient enhancement to the custom CSS field of the frontend editor. The CodeMirror editor is now accessible for the custom CSS field across all addons. This means you can now have a better coding experience through the handy functionalities of CodeMirror that facilitate smoother development workflows and improved code quality.</p> <h2>Notable Updates and Fixes</h2> <p>With all the new additions of features, we have also made necessary updates to the Pricing addon and the text block addon’s functionality. </p> <ul> <li aria-level="1"><strong>Pricing Table addon’s button position:</strong> In the Pricing Table addon, the Button option now offers an extra feature. You can now position the button at the top, bottom, or both positions within the table.</li> <li aria-level="1"><strong>Text Block addon’s text truncation enhancement:</strong> The Text Block addon’s Text Truncation feature has been enhanced to truncate long texts in a cleaner and more user-friendly manner. </li> </ul> <p>Apart from the enhancements, enjoy multiple fixes to make your SP Page Builder experience smoother and better. The issue with the submission process of the Opt-in Form addon has now been resolved and should now let users submit their information without any hassle. The glitch with the special animation option has been identified and fixed, ensuring the special animation now functions correctly. Also, SP Page Builder 5 has had an overall performance boost to offer our users a more reliable and seamless experience and allow them to create and manage their Joomla web pages with ease.</p> <p>Check out the changelog to know more about other fixes and enhancements that come packed with this version.</p> <h2>Winding Up</h2> <p>We trust this update resolves any issues you may have encountered, while the new additions bring a fresh perspective to your experience. Your feedback is invaluable to us, so don’t forget to share your thoughts!</p> <p>Happy Developing!</p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> <p>Howdy Joomlers! SP Page Builder v5.3.0 is now at your doorstep, poised to take your Joomla page-building journey to the next level! Packed with a slew of awesome new features, this update is bound to amaze you and help you accomplish more than ever before! And that's not all - alongside the new additions, you'll soar with significant enhancements and bug fixes, enhancing your overall experience.</p> <p>Excited to learn more? Keep reading for a sneak peek at what's fresh in this update.</p> <p><strong>SP Page Builder v5.3.0 Changelog:</strong></p> <ul> <li><strong>New:</strong> Added Transform option to the style settings of all addons</li> <li><strong>New:</strong> Added Bulk Import and Export functionality</li> <li><strong>New:</strong> Introduced functionality to bulk update Language, Category, and Access Level</li> <li><strong>New:</strong> Option to add images for the Timeline addon items</li> <li><strong>New:</strong> Included alt text field for all media fields</li> <li><strong>New:</strong> Added CodeMirror editor for the custom CSS field in the frontend editor</li> <li><strong>Update:</strong> Improved Text Block addon's Content Truncation feature for the frontend editor</li> <li><strong>Update:</strong> Button position options added for the Pricing Table addon</li> <li><strong>Fix:</strong> Fixed an issue with favoriting addons in the frontend editor</li> <li><strong>Fix:</strong> Resolved z-index issue with the Popover addon</li> <li><strong>Fix:</strong> Issue related to the Image Content display in RTL layouts addressed</li> <li><strong>Fix:</strong> Fixed Opt-in Form addon’s submission issue</li> <li><strong>Fix:</strong> Fixed an issue in the Animation field in the case of the Special option</li> <li><strong>Fix:</strong> Rich Text editor's link issue for page-type links fixed</li> <li><strong>Fix:</strong> Improved overall stability</li> </ul> <h2>Transform Options to Add a Unique Twist to Your Designs</h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2024/04/17/transform_options_final.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p>Say goodbye to the days of complicated custom coding just to add transform effects to your web elements! SP Page Builder 5 now brings you the Transform Options right at your fingertips! Whether you want to move around the elements, tweak their size, or add a touch of flair with rotation, it's all within reach, right in the addons’ Style Settings! Watch your web designs come to life with the transform effects, adding dynamism and grace to your web design!</p> <h2>Several Bulk Actions Added to Streamline Your Workflow</h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2024/04/17/bulk_import_export.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p>This update brings several bulk action features, enhancing efficiency while managing tasks for your benefit. Here’s what’s new:</p> <h3>Bulk Pages Import/Export Functionality</h3> <p>If you are looking to import and export multiple saved pages without a hitch, then we’ve got news for you! You can now significantly slash the time and effort required to manage numerous pages with this new feature and skyrocket your productivity!</p> <h3>Bulk Update Language, Category, and Access Level Functionality</h3> <p>With this new feature, you can effortlessly modify the language, category, and access level for multiple pages at once. Just pick the pages where you'd like to apply the changes, select your desired language, category, or users for the access level, and you're all set to proceed smoothly!</p> <h2>Easily Add Images to Your Timeline Addon Items</h2> <p>Guess what? The Timeline addon just got even cooler! Now you can spice up your timeline items by adding images. By blending images with your text descriptions, you'll create timelines that really pop and tell your story more engagingly!</p> <h2>Added Alt Text Field for All Media Fields</h2> <p>Now, in all media fields, you'll find a new "alt text" option. This neat feature lets you add descriptive text for images, videos, and more. It's all about making sure everyone can access your content, whether they're using a screen reader or facing trouble displaying media. </p> <h2>CodeMirror Editor Added to the Custom CSS Field</h2> <p>We've also introduced a convenient enhancement to the custom CSS field of the frontend editor. The CodeMirror editor is now accessible for the custom CSS field across all addons. This means you can now have a better coding experience through the handy functionalities of CodeMirror that facilitate smoother development workflows and improved code quality.</p> <h2>Notable Updates and Fixes</h2> <p>With all the new additions of features, we have also made necessary updates to the Pricing addon and the text block addon’s functionality. </p> <ul> <li aria-level="1"><strong>Pricing Table addon’s button position:</strong> In the Pricing Table addon, the Button option now offers an extra feature. You can now position the button at the top, bottom, or both positions within the table.</li> <li aria-level="1"><strong>Text Block addon’s text truncation enhancement:</strong> The Text Block addon’s Text Truncation feature has been enhanced to truncate long texts in a cleaner and more user-friendly manner. </li> </ul> <p>Apart from the enhancements, enjoy multiple fixes to make your SP Page Builder experience smoother and better. The issue with the submission process of the Opt-in Form addon has now been resolved and should now let users submit their information without any hassle. The glitch with the special animation option has been identified and fixed, ensuring the special animation now functions correctly. Also, SP Page Builder 5 has had an overall performance boost to offer our users a more reliable and seamless experience and allow them to create and manage their Joomla web pages with ease.</p> <p>Check out the changelog to know more about other fixes and enhancements that come packed with this version.</p> <h2>Winding Up</h2> <p>We trust this update resolves any issues you may have encountered, while the new additions bring a fresh perspective to your experience. Your feedback is invaluable to us, so don’t forget to share your thoughts!</p> <p>Happy Developing!</p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> SP Page Builder v5.2.8 Introduces Text Truncation, Image Shapes & Effects, and Other Enhancements 2024-03-14T08:05:22+00:00 2024-03-14T08:05:22+00:00 https://www.joomshaper.com/blog/sp-page-builder-v5-2-8 Sreema sreema1392@gmail.com <p>As Spring approaches and fresh leaves unfurl, we're here to add to your delight with a brand new update to your beloved SP Page Builder 5! This time we are bringing you a little extra with exciting additions of new features and enhancements that will significantly enhance and accelerate your Joomla web development process.</p> <p>So what’s in this update for you this time? Let’s find out in detail.</p> <p><strong>SP Page Builder v5.2.8 Changelog:</strong></p> <ul> <li aria-level="1"><strong>New:</strong> Added Image Shapes and CSS Effects in the Image addon</li> <li aria-level="1"><strong>New:</strong> Content Truncation option added in the Text Block addon</li> <li aria-level="1"><strong>New:</strong> Included ACL functionality in the Row settings for better access control management</li> <li aria-level="1"><strong>New:</strong> Added option to include SEO data while exporting page.</li> <li aria-level="1"><strong>New:</strong> Radius option added in the Options section of the Gallery addon</li> <li aria-level="1"><strong>Update:</strong> Enhanced accessibility for Tab, Form Builder, and Feature Box addons</li> <li aria-level="1"><strong>Update:</strong> Improved code editor and system editor to adapt to various display resolutions</li> <li aria-level="1"><strong>Update:</strong> Google Map API updated to address deprecation issues</li> <li aria-level="1"><strong>Fix:</strong> Resolved page-related ACL issues</li> <li aria-level="1"><strong>Fix:</strong> Fixed addons’ z-index issue</li> <li aria-level="1"><strong>Fix:</strong> Fixed Div addon custom position issue</li> <li aria-level="1"><strong>Fix:</strong> Fixed Search plugin’s sorting issue</li> <li aria-level="1"><strong>Fix:</strong> Resolved Video addon’s YouTube shorts functionality issue</li> </ul> <h2>Enjoy Endless Customization With the Addition of Image Shapes and Effects Within the Image Addon</h2> <p>Our favorite Image addon got even better with two amazing new features: Image Shapes and CSS effects. Now you can enjoy customizing your images to your heart's content and adding some flair to them!</p> <h3>Image Shape</h3> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2024/03/14/Image-Shapes.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video>Add an awesome twist to your regular images using the Image Shape option that comes bundled in this update. Simply enable the Image Shape feature in the Image addon and explore a plethora of different shapes to give your ordinary images an extraordinary makeover!</p> <h3>CSS Effects</h3> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2024/03/14/CSS-Effects.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video>Adding interesting visual effects to your images has never been easier with the inclusion of the Effects option within the Image addon. With this new addition, achieving the perfect look for your images, whether it's a classic grayscale or vibrant saturation, is as simple as a stroll in the park!</p> <h2>Introduced Content Truncation in the Text Block Addon for Improved User Experience</h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2024/03/14/Content-Truncation.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video>Time to say goodbye to text overload and hello to a cleaner, user-friendly text area in your web layout! Our Text Block addon now enables you to truncate excess text, saving valuable space and increasing readability! With the new Content Truncation feature you can effortlessly trim down the surplus text and display only what's essential.</p> <h2>Newly Included Radius Option for Gallery Addon’s Items</h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2024/03/14/Gallery-Radius.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video>Your favorite Gallery addon now comes with a new Radius option housed in the Options section. Whether you prefer a sleek, rounded appearance for your gallery items or a more angular look with blunt edges, the new Radius option lets you achieve it all in a snap! </p> <p>Apart from these inclusions, we have also sharpened the Row settings by introducing ACL functionality for better control. Plus, you can now include SEO data while exporting pages for streamlined and improved SEO management.</p> <h2>Miscellaneous Improvements &amp; Fixes</h2> <p>This update also rounds up on several improvements to improve your experience with SP Page Builder 5. </p> <ul> <li aria-level="1"><strong>Enhanced accessibility for a few addons: </strong>Tab, Form Builder, and Feature Box addons now come with better accessibility to let you utilize these addons to their fullest potential.</li> <li aria-level="1"><strong>Improved Code editor and System editor:</strong> We have also sharpened our code editor so that it can effectively adjust and function well across different screen sizes and resolutions.</li> <li aria-level="1"><strong>Updated Google Map API:</strong> The Google Map API has been updated to continue to function properly without disruption.</li> </ul> <p>In addition to these improvements, numerous bugs have been addressed in this update. The issue with YouTube shorts not functioning correctly in the Video addon has been resolved. Also, the sorting issue in the Search plugin has been taken care of enhancing your overall experience.</p> <p>Check out the changelog to know more about other fixes and enhancements that come packed with this version.</p> <h2>Winding Up</h2> <p>We hope this update brightens up your day and brings a newfound level of efficiency and joy to your experience with SP Page Builder 5. Stay with us as we continue to refine SP Page Builder 5 into its best version and revolutionize the Joomla web development journey. Don’t forget to leave us your constructive feedback. </p> <p>Happy developing!</p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> <p>As Spring approaches and fresh leaves unfurl, we're here to add to your delight with a brand new update to your beloved SP Page Builder 5! This time we are bringing you a little extra with exciting additions of new features and enhancements that will significantly enhance and accelerate your Joomla web development process.</p> <p>So what’s in this update for you this time? Let’s find out in detail.</p> <p><strong>SP Page Builder v5.2.8 Changelog:</strong></p> <ul> <li aria-level="1"><strong>New:</strong> Added Image Shapes and CSS Effects in the Image addon</li> <li aria-level="1"><strong>New:</strong> Content Truncation option added in the Text Block addon</li> <li aria-level="1"><strong>New:</strong> Included ACL functionality in the Row settings for better access control management</li> <li aria-level="1"><strong>New:</strong> Added option to include SEO data while exporting page.</li> <li aria-level="1"><strong>New:</strong> Radius option added in the Options section of the Gallery addon</li> <li aria-level="1"><strong>Update:</strong> Enhanced accessibility for Tab, Form Builder, and Feature Box addons</li> <li aria-level="1"><strong>Update:</strong> Improved code editor and system editor to adapt to various display resolutions</li> <li aria-level="1"><strong>Update:</strong> Google Map API updated to address deprecation issues</li> <li aria-level="1"><strong>Fix:</strong> Resolved page-related ACL issues</li> <li aria-level="1"><strong>Fix:</strong> Fixed addons’ z-index issue</li> <li aria-level="1"><strong>Fix:</strong> Fixed Div addon custom position issue</li> <li aria-level="1"><strong>Fix:</strong> Fixed Search plugin’s sorting issue</li> <li aria-level="1"><strong>Fix:</strong> Resolved Video addon’s YouTube shorts functionality issue</li> </ul> <h2>Enjoy Endless Customization With the Addition of Image Shapes and Effects Within the Image Addon</h2> <p>Our favorite Image addon got even better with two amazing new features: Image Shapes and CSS effects. Now you can enjoy customizing your images to your heart's content and adding some flair to them!</p> <h3>Image Shape</h3> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2024/03/14/Image-Shapes.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video>Add an awesome twist to your regular images using the Image Shape option that comes bundled in this update. Simply enable the Image Shape feature in the Image addon and explore a plethora of different shapes to give your ordinary images an extraordinary makeover!</p> <h3>CSS Effects</h3> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2024/03/14/CSS-Effects.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video>Adding interesting visual effects to your images has never been easier with the inclusion of the Effects option within the Image addon. With this new addition, achieving the perfect look for your images, whether it's a classic grayscale or vibrant saturation, is as simple as a stroll in the park!</p> <h2>Introduced Content Truncation in the Text Block Addon for Improved User Experience</h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2024/03/14/Content-Truncation.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video>Time to say goodbye to text overload and hello to a cleaner, user-friendly text area in your web layout! Our Text Block addon now enables you to truncate excess text, saving valuable space and increasing readability! With the new Content Truncation feature you can effortlessly trim down the surplus text and display only what's essential.</p> <h2>Newly Included Radius Option for Gallery Addon’s Items</h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2024/03/14/Gallery-Radius.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video>Your favorite Gallery addon now comes with a new Radius option housed in the Options section. Whether you prefer a sleek, rounded appearance for your gallery items or a more angular look with blunt edges, the new Radius option lets you achieve it all in a snap! </p> <p>Apart from these inclusions, we have also sharpened the Row settings by introducing ACL functionality for better control. Plus, you can now include SEO data while exporting pages for streamlined and improved SEO management.</p> <h2>Miscellaneous Improvements &amp; Fixes</h2> <p>This update also rounds up on several improvements to improve your experience with SP Page Builder 5. </p> <ul> <li aria-level="1"><strong>Enhanced accessibility for a few addons: </strong>Tab, Form Builder, and Feature Box addons now come with better accessibility to let you utilize these addons to their fullest potential.</li> <li aria-level="1"><strong>Improved Code editor and System editor:</strong> We have also sharpened our code editor so that it can effectively adjust and function well across different screen sizes and resolutions.</li> <li aria-level="1"><strong>Updated Google Map API:</strong> The Google Map API has been updated to continue to function properly without disruption.</li> </ul> <p>In addition to these improvements, numerous bugs have been addressed in this update. The issue with YouTube shorts not functioning correctly in the Video addon has been resolved. Also, the sorting issue in the Search plugin has been taken care of enhancing your overall experience.</p> <p>Check out the changelog to know more about other fixes and enhancements that come packed with this version.</p> <h2>Winding Up</h2> <p>We hope this update brightens up your day and brings a newfound level of efficiency and joy to your experience with SP Page Builder 5. Stay with us as we continue to refine SP Page Builder 5 into its best version and revolutionize the Joomla web development journey. Don’t forget to leave us your constructive feedback. </p> <p>Happy developing!</p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> SP Page Builder v5.2.7: Boosted with Multiple New Features, Enhancements, and Fixes 2024-02-22T11:37:49+00:00 2024-02-22T11:37:49+00:00 https://www.joomshaper.com/blog/sp-page-builder-v5-2-7 Sreema sreema1392@gmail.com <p>Hola SP Page Builder lovers! We’re pleased to unveil yet another exciting update of your favorite SP Page Builder 5 to further elevate your experience. This time the update boasts some exciting inclusion of features to the frontend editor and existing addons along with enhancements that many of you might have been eagerly anticipating.</p> <p>Let’s dive into the details without further ado.</p> <p><strong>SP Page Builder v5.2.7 Changelog:</strong></p> <ul> <li aria-level="1"><strong>New:</strong> Repositioned Section Library and Saved Items on the frontend editor for drag-and-drop ease</li> <li aria-level="1"><strong>New:</strong> “Heading” element added for the Field Type options in the Form Builder addon</li> <li aria-level="1"><strong>Update:</strong> Enhanced accessibility for the Article addon</li> <li aria-level="1"><strong>Update:</strong> Modified the media field to compute image dimensions from remote URLs, improving lazy loading</li> <li aria-level="1"><strong>Fix:</strong> Fixed the addon ACL issue within the Div addon</li> <li aria-level="1"><strong>Fix:</strong> Fixed RTL mode dropdown position issue in the backend editor</li> <li aria-level="1"><strong>Fix:</strong> Addressed the Form Builder addon’s redirect issue regarding incorrect captcha</li> <li aria-level="1"><strong>Fix:</strong> Resolved the Icon addon’s hover color issue</li> <li aria-level="1"><strong>Fix:</strong> Resolved the Feature Box addon’s icon style issue</li> <li aria-level="1"><strong>Fix: </strong>Fixed the inability to add negative values in the addon z-index field</li> </ul> <h2>Section Library and Saved Items with Drag &amp; Drop Functionality</h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2024/02/22/saved-sections-items.MP4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video>To streamline your SP Page Builder 5 experience, we have now relocated and positioned Section Library and Saved Items right within your grasp! </p> <p>You can find Saved Items in the frontend sidebar as a separate option and Section Library housed right next to the addon list. Plus, enjoy the drag-and-drop functionality to let you place your favorite sections anywhere within the page, just like you can in the backend editor!</p> <h2>Heading Element Added to the Field Type Options in the Form Builder Addon</h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2024/02/22/Heading-Element-in-Form-Builder.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video>Our Form Builder addon has been enhanced to include a Heading element within the Field Type options. With this new addition, you now have the flexibility to display a form item as a heading, giving you greater control over your form's structure and presentation.</p> <h2>Notable Fixes</h2> <p>Following this update, it is now possible to incorporate negative values for the z-index of addons. Additionally, the Form Builder addon now offers an enhanced experience by addressing the redirect problem associated with incorrect captchas.</p> <p>Check out the changelog to know more about other fixes and enhancements that come packed with this version.</p> <h2>Wrapping Up</h2> <p>We are continually making significant strides in enhancing the user experience of SP Page Builder 5. Don't hesitate to stay ahead of the curve and update today to benefit from the improvements of this newest version and enjoy a smoother website-building experience. </p> <p>We value your feedback, so feel free to share your thoughts in the comments. Stay tuned for more exciting updates in the future!</p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> <p>Hola SP Page Builder lovers! We’re pleased to unveil yet another exciting update of your favorite SP Page Builder 5 to further elevate your experience. This time the update boasts some exciting inclusion of features to the frontend editor and existing addons along with enhancements that many of you might have been eagerly anticipating.</p> <p>Let’s dive into the details without further ado.</p> <p><strong>SP Page Builder v5.2.7 Changelog:</strong></p> <ul> <li aria-level="1"><strong>New:</strong> Repositioned Section Library and Saved Items on the frontend editor for drag-and-drop ease</li> <li aria-level="1"><strong>New:</strong> “Heading” element added for the Field Type options in the Form Builder addon</li> <li aria-level="1"><strong>Update:</strong> Enhanced accessibility for the Article addon</li> <li aria-level="1"><strong>Update:</strong> Modified the media field to compute image dimensions from remote URLs, improving lazy loading</li> <li aria-level="1"><strong>Fix:</strong> Fixed the addon ACL issue within the Div addon</li> <li aria-level="1"><strong>Fix:</strong> Fixed RTL mode dropdown position issue in the backend editor</li> <li aria-level="1"><strong>Fix:</strong> Addressed the Form Builder addon’s redirect issue regarding incorrect captcha</li> <li aria-level="1"><strong>Fix:</strong> Resolved the Icon addon’s hover color issue</li> <li aria-level="1"><strong>Fix:</strong> Resolved the Feature Box addon’s icon style issue</li> <li aria-level="1"><strong>Fix: </strong>Fixed the inability to add negative values in the addon z-index field</li> </ul> <h2>Section Library and Saved Items with Drag &amp; Drop Functionality</h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2024/02/22/saved-sections-items.MP4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video>To streamline your SP Page Builder 5 experience, we have now relocated and positioned Section Library and Saved Items right within your grasp! </p> <p>You can find Saved Items in the frontend sidebar as a separate option and Section Library housed right next to the addon list. Plus, enjoy the drag-and-drop functionality to let you place your favorite sections anywhere within the page, just like you can in the backend editor!</p> <h2>Heading Element Added to the Field Type Options in the Form Builder Addon</h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2024/02/22/Heading-Element-in-Form-Builder.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video>Our Form Builder addon has been enhanced to include a Heading element within the Field Type options. With this new addition, you now have the flexibility to display a form item as a heading, giving you greater control over your form's structure and presentation.</p> <h2>Notable Fixes</h2> <p>Following this update, it is now possible to incorporate negative values for the z-index of addons. Additionally, the Form Builder addon now offers an enhanced experience by addressing the redirect problem associated with incorrect captchas.</p> <p>Check out the changelog to know more about other fixes and enhancements that come packed with this version.</p> <h2>Wrapping Up</h2> <p>We are continually making significant strides in enhancing the user experience of SP Page Builder 5. Don't hesitate to stay ahead of the curve and update today to benefit from the improvements of this newest version and enjoy a smoother website-building experience. </p> <p>We value your feedback, so feel free to share your thoughts in the comments. Stay tuned for more exciting updates in the future!</p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> SP Page Builder v5.2.6: Enjoy Expandible Code Editor, Individual Row Setting Options for the Frontend Editor, & More 2024-01-29T09:52:35+00:00 2024-01-29T09:52:35+00:00 https://www.joomshaper.com/blog/sp-page-builder-v5-2-6 Sreema sreema1392@gmail.com <p>Howdy Joomlers! Amidst the inclement winter, here’s a delightful update of your favorite SP Page Builder 5 to brighten up your day! This time, we are bringing up a few good additions and upgrades as well as notable fixes that promise a smoother and improved journey with SP Page Builder 5.</p> <p>So what changes await this time? Let’s check out the changelog below to learn more about this update.</p> <p><strong>SP Page Builder v5.2.6 Changelog:</strong></p> <ul> <li aria-level="1"><strong>New:</strong> Nested row’s settings option added in the frontend editor</li> <li aria-level="1"><strong>New:</strong> Added Expand Editor option in the code editor (Raw HTML addon and Custom CSS editor)</li> <li aria-level="1"><strong>Update:</strong> The context menu now includes an addon paste option when the column, row, or Div addon is empty</li> <li aria-level="1"><strong>Update:</strong> Enhanced SEO and accessibility for the Image addon</li> <li aria-level="1"><strong>Update: </strong>Removed unnecessary language strings script</li> <li aria-level="1"><strong>Fix:</strong> Resolved an issue with column and nested row duplication when Tab or Accordion addons are present</li> <li aria-level="1"><strong>Fix:</strong> The Price List addon’s content alignment and image position issue resolved</li> <li aria-level="1"><strong>Fix:</strong> Addressed the issue related to the Contact Form addon submission in the module</li> <li aria-level="1"><strong>Fix:</strong> Fixed the Flip Box and Flip Box Pro addons' flip issue on mobile devices</li> <li aria-level="1"><strong>Fix:</strong> Fixed the Lottie addon’s URL issue</li> </ul> <h2>Nested Row Settings Option Added in the Frontend Editor</h2> <figure> <figure> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2024/01/29/Nested-Row-Settings.jpg" rel="alternate"><img class="img-shadow" title="SP Page Builder 5 v5.2.6" src="https://www.joomshaper.com/images/2024/01/29/Nested-Row-Settings.jpg" alt="SP Page Builder 5 v5.2.6" /></a></figure> </figure> </figure> <p>With this latest update, you can now experience the convenience of accessing the settings options for your nested rows in the frontend editor. You will find the Settings icon housed with each row, allowing you to effortlessly access the settings option for the individual rows. This ensures you can customize the rows' settings from the frontend editor effortlessly, without any more hassle.</p> <h2>Write Codes Conveniently With the Expandible Code Editor</h2> <figure> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2024/01/29/Expandable-Code-Editor.jpg" rel="alternate"><img class="img-shadow" title="SP Page Builder v5.2.6" src="https://www.joomshaper.com/images/2024/01/29/Expandable-Code-Editor.jpg" alt="SP Page Builder v5.2.6" /></a></figure> </figure> <p>Struggling with limited space for your code writing? Time to say goodbye to this inconvenience with our latest update! This time, we are introducing a new, expandable code editor to provide you with a spacious and distraction-free environment for writing your custom codes. And what’s more, this new addition can be availed both in the frontend as well as the backend editor. You can find this feature available in the Raw HTML addon, as well as in the Custom CSS editor for all other addons.</p> <h2>Easily Paste Copied Addon In an Empty Column or Div Addon</h2> <figure> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2024/01/29/Copy-paste-addons.jpg" rel="alternate"><img class="img-shadow" title="SP Page Builder 5 v5.2.6" src="https://www.joomshaper.com/images/2024/01/29/Copy-paste-addons.jpg" alt="SP Page Builder 5 v5.2.6" /></a></figure> </figure> <p>This update also comes with a notable enhancement that allows you to effortlessly paste a copied addon into an empty Column, Row, or Div addon. You can now simply copy an addon and paste it directly into any empty Column, Row, or Div addon in the frontend editor. Upgrade now to enjoy this convenient addition with SP Page Builder 5!</p> <h2>Notable Fixes</h2> <p>In addition to the new features, this update includes several bug fixes too. Here are the notable ones:</p> <h3>Nested Row &amp; Column Duplication Issue With Tab or Accordion Addons</h3> <p>The troublesome bug that caused problems with duplicating columns and nested rows in the presence of tab or accordion addons has been successfully resolved. Now, feel free to duplicate columns and nested rows seamlessly, without encountering any issues.</p> <h3>Flip Box &amp; Flip Box Pro Addon’s Flip Issue Now Resolved</h3> <p>Previously, we also spotted a hiccup with the Flip Box addon’s flipping issue on mobile devices. We have now fixed it with the latest update, so you're all set now! Also, note that the issue has been resolved both for the Flip Box and Flip Box Pro addons.</p> <p>Check out the changelog to know more about other fixes and enhancements that come packed with this version.</p> <h2>Update Now!</h2> <p>So what’s the wait? Utilize the advantage of the latest enhancements by updating now. As we continually refine SP Page Builder 5 to reach its peak performance, your valuable feedback plays a crucial role. So let us know your thoughts in the comments below and take SP Page Builder 5 to reach new heights together! </p> <p>Happy updating!</p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> <p>Howdy Joomlers! Amidst the inclement winter, here’s a delightful update of your favorite SP Page Builder 5 to brighten up your day! This time, we are bringing up a few good additions and upgrades as well as notable fixes that promise a smoother and improved journey with SP Page Builder 5.</p> <p>So what changes await this time? Let’s check out the changelog below to learn more about this update.</p> <p><strong>SP Page Builder v5.2.6 Changelog:</strong></p> <ul> <li aria-level="1"><strong>New:</strong> Nested row’s settings option added in the frontend editor</li> <li aria-level="1"><strong>New:</strong> Added Expand Editor option in the code editor (Raw HTML addon and Custom CSS editor)</li> <li aria-level="1"><strong>Update:</strong> The context menu now includes an addon paste option when the column, row, or Div addon is empty</li> <li aria-level="1"><strong>Update:</strong> Enhanced SEO and accessibility for the Image addon</li> <li aria-level="1"><strong>Update: </strong>Removed unnecessary language strings script</li> <li aria-level="1"><strong>Fix:</strong> Resolved an issue with column and nested row duplication when Tab or Accordion addons are present</li> <li aria-level="1"><strong>Fix:</strong> The Price List addon’s content alignment and image position issue resolved</li> <li aria-level="1"><strong>Fix:</strong> Addressed the issue related to the Contact Form addon submission in the module</li> <li aria-level="1"><strong>Fix:</strong> Fixed the Flip Box and Flip Box Pro addons' flip issue on mobile devices</li> <li aria-level="1"><strong>Fix:</strong> Fixed the Lottie addon’s URL issue</li> </ul> <h2>Nested Row Settings Option Added in the Frontend Editor</h2> <figure> <figure> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2024/01/29/Nested-Row-Settings.jpg" rel="alternate"><img class="img-shadow" title="SP Page Builder 5 v5.2.6" src="https://www.joomshaper.com/images/2024/01/29/Nested-Row-Settings.jpg" alt="SP Page Builder 5 v5.2.6" /></a></figure> </figure> </figure> <p>With this latest update, you can now experience the convenience of accessing the settings options for your nested rows in the frontend editor. You will find the Settings icon housed with each row, allowing you to effortlessly access the settings option for the individual rows. This ensures you can customize the rows' settings from the frontend editor effortlessly, without any more hassle.</p> <h2>Write Codes Conveniently With the Expandible Code Editor</h2> <figure> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2024/01/29/Expandable-Code-Editor.jpg" rel="alternate"><img class="img-shadow" title="SP Page Builder v5.2.6" src="https://www.joomshaper.com/images/2024/01/29/Expandable-Code-Editor.jpg" alt="SP Page Builder v5.2.6" /></a></figure> </figure> <p>Struggling with limited space for your code writing? Time to say goodbye to this inconvenience with our latest update! This time, we are introducing a new, expandable code editor to provide you with a spacious and distraction-free environment for writing your custom codes. And what’s more, this new addition can be availed both in the frontend as well as the backend editor. You can find this feature available in the Raw HTML addon, as well as in the Custom CSS editor for all other addons.</p> <h2>Easily Paste Copied Addon In an Empty Column or Div Addon</h2> <figure> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2024/01/29/Copy-paste-addons.jpg" rel="alternate"><img class="img-shadow" title="SP Page Builder 5 v5.2.6" src="https://www.joomshaper.com/images/2024/01/29/Copy-paste-addons.jpg" alt="SP Page Builder 5 v5.2.6" /></a></figure> </figure> <p>This update also comes with a notable enhancement that allows you to effortlessly paste a copied addon into an empty Column, Row, or Div addon. You can now simply copy an addon and paste it directly into any empty Column, Row, or Div addon in the frontend editor. Upgrade now to enjoy this convenient addition with SP Page Builder 5!</p> <h2>Notable Fixes</h2> <p>In addition to the new features, this update includes several bug fixes too. Here are the notable ones:</p> <h3>Nested Row &amp; Column Duplication Issue With Tab or Accordion Addons</h3> <p>The troublesome bug that caused problems with duplicating columns and nested rows in the presence of tab or accordion addons has been successfully resolved. Now, feel free to duplicate columns and nested rows seamlessly, without encountering any issues.</p> <h3>Flip Box &amp; Flip Box Pro Addon’s Flip Issue Now Resolved</h3> <p>Previously, we also spotted a hiccup with the Flip Box addon’s flipping issue on mobile devices. We have now fixed it with the latest update, so you're all set now! Also, note that the issue has been resolved both for the Flip Box and Flip Box Pro addons.</p> <p>Check out the changelog to know more about other fixes and enhancements that come packed with this version.</p> <h2>Update Now!</h2> <p>So what’s the wait? Utilize the advantage of the latest enhancements by updating now. As we continually refine SP Page Builder 5 to reach its peak performance, your valuable feedback plays a crucial role. So let us know your thoughts in the comments below and take SP Page Builder 5 to reach new heights together! </p> <p>Happy updating!</p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> SP Page Builder v5.2.4: Enjoy Several Enhancements and Improved Accessibility for Multiple Addons 2023-12-19T07:36:26+00:00 2023-12-19T07:36:26+00:00 https://www.joomshaper.com/blog/sp-page-builder-v5-2-4 Sreema sreema1392@gmail.com <p>While you relish your time with your favorite SP Page Builder 5, we are back with another update for you to reckon with. This new update comprises multiple upgrades to the existing features and some bugs that were in desperate need of being squashed.</p> <p>Excited to learn more about this update? Let’s jump right into the details of what this update has in store for you.</p> <p><strong>SP Page Builder v5.2.4 Changelog:</strong></p> <ul> <li><strong>Update:</strong> Improved accessibility for Accordion, Button, Article, Tab, Icon, Icon Group, Alert, Image Content, and Form Builder addons</li> <li><strong>Update: </strong>Responsive options added for carousel gap (Testimonial Carousel, Image Carousel &amp; Client addons)</li> <li><strong>Update: </strong>Div addon’s hidden by device functionality improved</li> <li><strong>Update:</strong> Added the option to hide input labels in the Form Builder addon</li> <li><strong>Update:</strong> Added deep integration of EasyStore Pagination Status addon</li> <li><strong>Fix:</strong> Fixed column responsive issue for XS device</li> <li><strong>Fix:</strong> Fixed addon Access Level issue in the backend editor</li> <li><strong>Fix:</strong> Fixed EasyStore common addon dropping &amp; sorting issue of Product List item</li> <li><strong>Fix:</strong> Fixed Popover addon custom class missing issue</li> </ul> <h2>Various Updates Made for Better Performance</h2> <p>This update brings a substantial number of enhancements that will significantly improve your experience with SP Page Builder. </p> <h3>Enhanced Accessibility Experience for Multiple Addons</h3> <p>Your very favorite Accordion, Button, Article, Tab, Icon, Icon Group, Alert, Image Content and Form Builder addons have now been upgraded to provide you with a better accessibility experience. Users can expect increased ease of use and improved functionality when interacting with these specific addons after this latest update. </p> <h3>Hide Input Labels in the Form Builder Addon</h3> <p>In the Form Builder Addon, in case you do not wish to show the input field labels, you now have the choice to disable the labels that appear over each field. Disabling the labels will allow your users to have a cleaner and more streamlined form interface.</p> <h3>Added Carousel Gap Responsive Options</h3> <p>With this update, we have also added responsive options gaps in our existing addons like Testimonial Carousel, Image Carousel &amp; Client addons. Experience seamless adaptability for your carousel gaps on a variety of devices and screen sizes with this latest addition!</p> <h2>Miscellaneous Fixes</h2> <p>We haven't overlooked the troublesome bugs that may have been causing trouble for you. Let's take a look at a few of them:</p> <h3>Resolved Column Responsive Issue for Smaller Devices</h3> <p>Many of you encountered problems with column responsiveness on smaller devices. It's a relief to inform you that this issue has been resolved, and you can now seamlessly select your preferred devices without experiencing column disorientations.</p> <h3>Addons Now Support Multiple User Groups in the Backend Editor</h3> <p>Previously in the backend editor, you were limited to setting the Access Level for a single user group across all addons. With this latest update, you now have the flexibility to assign multiple user groups for each of your addons.</p> <h3>EasyStore’s Product List Items Dropping &amp; Sorting Issue Now Fixed</h3> <p>We also noticed issues when dropping and sorting addons within the Product List item. So our developers have successfully addressed and resolved the issue, making sure that your addons within the Product List addon will now operate smoothly and without any disruptions.</p> <p>Check out the changelog to know more about other fixes that come packed with this version.</p> <h2>Wrapping Up</h2> <p>So what’s the wait? Upgrade to the latest version of SP Page Builder 5 today and take advantage of the latest enhancements. Also, please let us know if this update addressed the issues you were facing. Good luck!</p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> <p>While you relish your time with your favorite SP Page Builder 5, we are back with another update for you to reckon with. This new update comprises multiple upgrades to the existing features and some bugs that were in desperate need of being squashed.</p> <p>Excited to learn more about this update? Let’s jump right into the details of what this update has in store for you.</p> <p><strong>SP Page Builder v5.2.4 Changelog:</strong></p> <ul> <li><strong>Update:</strong> Improved accessibility for Accordion, Button, Article, Tab, Icon, Icon Group, Alert, Image Content, and Form Builder addons</li> <li><strong>Update: </strong>Responsive options added for carousel gap (Testimonial Carousel, Image Carousel &amp; Client addons)</li> <li><strong>Update: </strong>Div addon’s hidden by device functionality improved</li> <li><strong>Update:</strong> Added the option to hide input labels in the Form Builder addon</li> <li><strong>Update:</strong> Added deep integration of EasyStore Pagination Status addon</li> <li><strong>Fix:</strong> Fixed column responsive issue for XS device</li> <li><strong>Fix:</strong> Fixed addon Access Level issue in the backend editor</li> <li><strong>Fix:</strong> Fixed EasyStore common addon dropping &amp; sorting issue of Product List item</li> <li><strong>Fix:</strong> Fixed Popover addon custom class missing issue</li> </ul> <h2>Various Updates Made for Better Performance</h2> <p>This update brings a substantial number of enhancements that will significantly improve your experience with SP Page Builder. </p> <h3>Enhanced Accessibility Experience for Multiple Addons</h3> <p>Your very favorite Accordion, Button, Article, Tab, Icon, Icon Group, Alert, Image Content and Form Builder addons have now been upgraded to provide you with a better accessibility experience. Users can expect increased ease of use and improved functionality when interacting with these specific addons after this latest update. </p> <h3>Hide Input Labels in the Form Builder Addon</h3> <p>In the Form Builder Addon, in case you do not wish to show the input field labels, you now have the choice to disable the labels that appear over each field. Disabling the labels will allow your users to have a cleaner and more streamlined form interface.</p> <h3>Added Carousel Gap Responsive Options</h3> <p>With this update, we have also added responsive options gaps in our existing addons like Testimonial Carousel, Image Carousel &amp; Client addons. Experience seamless adaptability for your carousel gaps on a variety of devices and screen sizes with this latest addition!</p> <h2>Miscellaneous Fixes</h2> <p>We haven't overlooked the troublesome bugs that may have been causing trouble for you. Let's take a look at a few of them:</p> <h3>Resolved Column Responsive Issue for Smaller Devices</h3> <p>Many of you encountered problems with column responsiveness on smaller devices. It's a relief to inform you that this issue has been resolved, and you can now seamlessly select your preferred devices without experiencing column disorientations.</p> <h3>Addons Now Support Multiple User Groups in the Backend Editor</h3> <p>Previously in the backend editor, you were limited to setting the Access Level for a single user group across all addons. With this latest update, you now have the flexibility to assign multiple user groups for each of your addons.</p> <h3>EasyStore’s Product List Items Dropping &amp; Sorting Issue Now Fixed</h3> <p>We also noticed issues when dropping and sorting addons within the Product List item. So our developers have successfully addressed and resolved the issue, making sure that your addons within the Product List addon will now operate smoothly and without any disruptions.</p> <p>Check out the changelog to know more about other fixes that come packed with this version.</p> <h2>Wrapping Up</h2> <p>So what’s the wait? Upgrade to the latest version of SP Page Builder 5 today and take advantage of the latest enhancements. Also, please let us know if this update addressed the issues you were facing. Good luck!</p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> SP Page Builder v5.2.0 Brings the Power of AI to Your Web Design Toolbox 2023-11-23T07:10:32+00:00 2023-11-23T07:10:32+00:00 https://www.joomshaper.com/blog/sp-page-builder-v5-2-0 Zareen Tasnim zareen.fatema14@gmail.com <p>Buckle up, webmasters! Our latest update is all set to give your creative ideas a boost and transform the way you create content.  </p> <p>SP Page Builder v5.2.0 is bringing a major upgrade to your creative toolkit – AI Generator. With the power of AI, your website creatives are about to reach new heights, making your journey smoother, faster, and more impressive than ever before.</p> <div class="embed-responsive embed-responsive-16by9 img-shadow"><iframe class="embed-responsive-item" src="https://www.youtube.com/embed/SH6KgRhfu-E" width="300" height="150" allowfullscreen="allowfullscreen"></iframe></div> <p> </p> <p>Ready to dive into the details? Let's roll!</p> <p><strong>SP Page Builder v5.2.0 Changelog</strong>: </p> <ul> <li aria-level="1"><strong>New</strong>: Introduced AI text and image generator</li> <li aria-level="1"><strong>Update</strong>: Backend editor now supports pasting content across multiple pages</li> <li aria-level="1"><strong>Update</strong>: Modal popup addon now includes an option to manage content overflow</li> <li aria-level="1"><strong>Update</strong>: Text editor's color palette now includes a global color list</li> <li aria-level="1"><strong>Update</strong>: Improved responsiveness of article columns field</li> <li aria-level="1"><strong>Fix</strong>: Fixed typography issues occurring after upgrading from SPPB 3.x to SPPB 5.x</li> <li aria-level="1"><strong>Fix</strong>: Fixed text editor expand issue in Joomla 3</li> <li aria-level="1"><strong>Fix</strong>: Fixed ListField issue in the frontend editor for Joomla 3</li> <li aria-level="1"><strong>Fix</strong>: Fixed addon width issue in Div addon</li> </ul> <h2>AI Text Generator: Crafting Words with Precision</h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/11/23/ai-text-final.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p>Say goodbye to writer's block and those time-consuming brainstorming sessions. With the AI Text Generator, generating text content for your website will be a breeze.</p> <p>All you have to do is guide the AI with a well-written prompt to ensure the generated text seamlessly aligns with your vision.</p> <ul> <li aria-level="1"><strong>Tailored to your needs</strong>: You have the power to define the length of your text. Whether it's a concise paragraph or an in-depth article, the choice is yours.</li> <li aria-level="1"><strong>Crafted to perfection</strong>: Select the language and tone that align with your brand's voice. From standard to creative, you can tailor the style of the generated content.</li> <li aria-level="1"><strong>Fine-tune your content</strong>: Need a summary, a paraphrase, or a simpler version? The AI Text Generator offers the tools to refine and adapt your content precisely as you desire.</li> <li aria-level="1"><strong>Seamlessly translate your content</strong>: Not only the AI Text Generator can generate text, but you can also use it to translate your content into any language. Simply write your content and instruct the AI to translate it into your desired language. </li> </ul> <p>Once you're satisfied with the result, a simple click is all it takes to insert the AI-generated text seamlessly into your web page.</p> <h2>AI Image Generator: Bring Visuals to Life With Prompt</h2> <p>SP Page Builder’s AI Image Generator is here to make your visual dreams a reality. Whether it's a cute robot dancing in the rain or any other visual narrative, the AI Image Generator turns your descriptions into stunning images.</p> <p>Every image area in the editor now includes the AI image generator and here's what it can do for you:</p> <h3>Generate Images with Prompts</h3> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/11/23/ai-1.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p>Bring your ideas to life with image generation from text descriptions. Every time you describe an image, the AI Image Generator will automatically display four variations you can choose from. </p> <h3>Select Image Size &amp; Aspect Ratio</h3> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/11/23/set-image-size.jpg" rel="alternate"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/11/23/set-image-size.jpg" alt="SP Page Builder AI Image Generator" /></a></figure> <p>With the AI Image Generator in SP Page Builder, setting the right image size is a breeze. Get the flexibility to select the aspect ratio and image size ensuring your visuals align seamlessly with your design requirements.</p> <h3>Variety is Key</h3> <figure><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/11/23/ai-33.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></figure> <p>The AI Image Generator doesn't stop at one image; it provides you with four variations to explore. Find the image that best fits your vision. </p> <h3>Make Specific Edits with Magic Fill</h3> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/11/23/ai-4.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p>The Magic Fill option allows you to make specific edits to your generated image. Simply select the area you want to modify with the brush and write a prompt about the edit you want to make. And, that’s it, AI will modify the image and present you with 4 more variations to choose from. </p> <h3>Resize and Add Backgrounds</h3> <p>Whether you want to scale your image or add depth to it, you can do that with the Expand option. Seamlessly scale your image and incorporate backgrounds to enhance its impact.</p> <h2>Notable Updates </h2> <p>Alongside AI text and image generator, we've rolled out some equally exciting enhancements to elevate your experience with SP Page Builder:</p> <ul> <li><strong>Paste content across multiple pages in Backend Editor:</strong> Now you can seamlessly paste content across multiple pages, making your editing process smoother and more efficient.</li> <li><strong>Modal Popup addon gets an upgrade</strong>: The modal popup introduced a new option to manage content overflow, providing you with even more control over your popups.</li> <li><strong>Global color palette in the Text editor</strong>: The text editor's color palette now boasts a global color list. Easily maintain consistency across your content by accessing a unified color palette.</li> </ul> <h2>Update Now! </h2> <p>SP Page Builder 5.2.0 has been designed to empower you with greater flexibility, creativity, and control. Update today to create compelling text and stunning visuals with AI and enjoy the latest enhancements. It’s your creative ideas but amplified by AI! </p> <p>Let us know how you like the update in the comments. We're committed to providing you with the best tools to bring your ideas to life.</p> <p>Stay tuned for more exciting updates on the horizon. </p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> <p>Buckle up, webmasters! Our latest update is all set to give your creative ideas a boost and transform the way you create content.  </p> <p>SP Page Builder v5.2.0 is bringing a major upgrade to your creative toolkit – AI Generator. With the power of AI, your website creatives are about to reach new heights, making your journey smoother, faster, and more impressive than ever before.</p> <div class="embed-responsive embed-responsive-16by9 img-shadow"><iframe class="embed-responsive-item" src="https://www.youtube.com/embed/SH6KgRhfu-E" width="300" height="150" allowfullscreen="allowfullscreen"></iframe></div> <p> </p> <p>Ready to dive into the details? Let's roll!</p> <p><strong>SP Page Builder v5.2.0 Changelog</strong>: </p> <ul> <li aria-level="1"><strong>New</strong>: Introduced AI text and image generator</li> <li aria-level="1"><strong>Update</strong>: Backend editor now supports pasting content across multiple pages</li> <li aria-level="1"><strong>Update</strong>: Modal popup addon now includes an option to manage content overflow</li> <li aria-level="1"><strong>Update</strong>: Text editor's color palette now includes a global color list</li> <li aria-level="1"><strong>Update</strong>: Improved responsiveness of article columns field</li> <li aria-level="1"><strong>Fix</strong>: Fixed typography issues occurring after upgrading from SPPB 3.x to SPPB 5.x</li> <li aria-level="1"><strong>Fix</strong>: Fixed text editor expand issue in Joomla 3</li> <li aria-level="1"><strong>Fix</strong>: Fixed ListField issue in the frontend editor for Joomla 3</li> <li aria-level="1"><strong>Fix</strong>: Fixed addon width issue in Div addon</li> </ul> <h2>AI Text Generator: Crafting Words with Precision</h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/11/23/ai-text-final.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p>Say goodbye to writer's block and those time-consuming brainstorming sessions. With the AI Text Generator, generating text content for your website will be a breeze.</p> <p>All you have to do is guide the AI with a well-written prompt to ensure the generated text seamlessly aligns with your vision.</p> <ul> <li aria-level="1"><strong>Tailored to your needs</strong>: You have the power to define the length of your text. Whether it's a concise paragraph or an in-depth article, the choice is yours.</li> <li aria-level="1"><strong>Crafted to perfection</strong>: Select the language and tone that align with your brand's voice. From standard to creative, you can tailor the style of the generated content.</li> <li aria-level="1"><strong>Fine-tune your content</strong>: Need a summary, a paraphrase, or a simpler version? The AI Text Generator offers the tools to refine and adapt your content precisely as you desire.</li> <li aria-level="1"><strong>Seamlessly translate your content</strong>: Not only the AI Text Generator can generate text, but you can also use it to translate your content into any language. Simply write your content and instruct the AI to translate it into your desired language. </li> </ul> <p>Once you're satisfied with the result, a simple click is all it takes to insert the AI-generated text seamlessly into your web page.</p> <h2>AI Image Generator: Bring Visuals to Life With Prompt</h2> <p>SP Page Builder’s AI Image Generator is here to make your visual dreams a reality. Whether it's a cute robot dancing in the rain or any other visual narrative, the AI Image Generator turns your descriptions into stunning images.</p> <p>Every image area in the editor now includes the AI image generator and here's what it can do for you:</p> <h3>Generate Images with Prompts</h3> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/11/23/ai-1.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p>Bring your ideas to life with image generation from text descriptions. Every time you describe an image, the AI Image Generator will automatically display four variations you can choose from. </p> <h3>Select Image Size &amp; Aspect Ratio</h3> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/11/23/set-image-size.jpg" rel="alternate"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/11/23/set-image-size.jpg" alt="SP Page Builder AI Image Generator" /></a></figure> <p>With the AI Image Generator in SP Page Builder, setting the right image size is a breeze. Get the flexibility to select the aspect ratio and image size ensuring your visuals align seamlessly with your design requirements.</p> <h3>Variety is Key</h3> <figure><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/11/23/ai-33.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></figure> <p>The AI Image Generator doesn't stop at one image; it provides you with four variations to explore. Find the image that best fits your vision. </p> <h3>Make Specific Edits with Magic Fill</h3> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/11/23/ai-4.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p>The Magic Fill option allows you to make specific edits to your generated image. Simply select the area you want to modify with the brush and write a prompt about the edit you want to make. And, that’s it, AI will modify the image and present you with 4 more variations to choose from. </p> <h3>Resize and Add Backgrounds</h3> <p>Whether you want to scale your image or add depth to it, you can do that with the Expand option. Seamlessly scale your image and incorporate backgrounds to enhance its impact.</p> <h2>Notable Updates </h2> <p>Alongside AI text and image generator, we've rolled out some equally exciting enhancements to elevate your experience with SP Page Builder:</p> <ul> <li><strong>Paste content across multiple pages in Backend Editor:</strong> Now you can seamlessly paste content across multiple pages, making your editing process smoother and more efficient.</li> <li><strong>Modal Popup addon gets an upgrade</strong>: The modal popup introduced a new option to manage content overflow, providing you with even more control over your popups.</li> <li><strong>Global color palette in the Text editor</strong>: The text editor's color palette now boasts a global color list. Easily maintain consistency across your content by accessing a unified color palette.</li> </ul> <h2>Update Now! </h2> <p>SP Page Builder 5.2.0 has been designed to empower you with greater flexibility, creativity, and control. Update today to create compelling text and stunning visuals with AI and enjoy the latest enhancements. It’s your creative ideas but amplified by AI! </p> <p>Let us know how you like the update in the comments. We're committed to providing you with the best tools to bring your ideas to life.</p> <p>Stay tuned for more exciting updates on the horizon. </p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> SP Page Builder v5.1.9 Brings Page-Specific Permission Control & a Host of Enhancements 2023-11-16T10:38:32+00:00 2023-11-16T10:38:32+00:00 https://www.joomshaper.com/blog/sp-page-builder-v5-1-9 Zareen Tasnim zareen.fatema14@gmail.com <p>In the spirit of continual improvement, we’re bringing you a fresh new update – SP Page Builder v5.1.9. </p> <p>At the heart of today's update is the addition of page-specific permission settings, providing you with unparalleled control over your content. But that's not all – we've also fine-tuned the frontend editor and made some other enhancements, making your workflow even more intuitive. </p> <p>Let’s find out what this update is all about. </p> <p><strong>SP Page Builder v5.1.9 Changelog</strong>: </p> <ul> <li aria-level="1"><strong>New</strong>: Implemented page-specific permission settings</li> <li aria-level="1"><strong>New</strong>: Added "paste above" and "paste below" options in the frontend editor</li> <li aria-level="1"><b>Update</b>: Added tooltips and enhanced the link field in the Richtext editor</li> <li aria-level="1"><strong>Fix</strong>: Fixed touch events issue on mobile devices for the Before-After addon</li> <li aria-level="1"><strong>Fix</strong>: Fixed JCE code editor content not updating issue</li> <li aria-level="1"><strong>Fix</strong>: Fixed admin label renaming issue for Product List item addon</li> <li aria-level="1"><strong>Fix</strong>: Added the missing custom class field for all types of Slideshow item</li> </ul> <h2>New Page-Specific Permission Control</h2> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/11/16/page-wise-permission-control-1.jpg" rel="alternate"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/11/16/page-wise-permission-control-1.jpg" alt="SP Page Builder v5.1.9" /></a></figure> <p>With SP Page Builder v5.1.9, wield the power to set permission settings on a page-by-page basis. </p> <p>Just like the familiar user group management system found in Joomla, you can now employ a similar level of control for each page. For any user group, you can grant specific permissions like page creation, editing, or changing state. </p> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/11/16/page-wise-permission-control-2.jpg" rel="alternate"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/11/16/page-wise-permission-control-2.jpg" alt="SP Page Builder v5.1.9" /></a></figure> <p>This will enhance the security and control over your content, allowing you to tailor access permissions to meet your specific requirements.</p> <h2>Effortlessly Copy &amp; Paste in Frontend Editor</h2> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/11/16/paste-above-and-below-options.jpg" rel="alternate"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/11/16/paste-above-and-below-options.jpg" alt="SP Page Builder v5.1.9" /></a></figure> <p>We've added "paste above" and "paste below" options in the frontend editor context menu.</p> <p>Now, you can effortlessly copy an addon and choose precisely where to paste it, either above or below another addon, enhancing your content creation experience.</p> <h2>Tooltips &amp; Enhanced Link Field in Richtext Editor </h2> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/11/16/tootips-and-link-field.jpg" rel="alternate"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/11/16/tootips-and-link-field.jpg" alt="SP Page Builder v5.1.9" /></a></figure> <p>The Richtext editor has received a facelift with the addition of tooltips and an enhanced link field. </p> <p>Tooltips are now included, providing a more user-friendly experience. Additionally, we've improved the link field in the Richtext editor, ensuring a smoother and more efficient editing process.</p> <h2>Miscellaneous Fixes</h2> <p>We have addressed various issues in this update to enhance the overall performance and usability of SP Page Builder.</p> <p>In case you missed it, we've listened to your feedback, and with the previous v5.1.8 update, we have reintroduced seamless integration with JCE. And, with today’s update, the issue of JCE code editor content not updating has been resolved.</p> <p>Apart from this, we have also resolved admin label renaming for the Product List item addon, added the missing custom class field for Slideshow items, and more. </p> <h2>Update Now! </h2> <p>Update to SP Page Builder v5.1.9 today and experience firsthand the enhanced control, intuitive workflow, and fixes to annoying bugs. </p> <p>Share your feedback as you explore the latest update in the comments. Your insights guide us in shaping a better SP Page Builder tailored to your needs.</p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> <p>In the spirit of continual improvement, we’re bringing you a fresh new update – SP Page Builder v5.1.9. </p> <p>At the heart of today's update is the addition of page-specific permission settings, providing you with unparalleled control over your content. But that's not all – we've also fine-tuned the frontend editor and made some other enhancements, making your workflow even more intuitive. </p> <p>Let’s find out what this update is all about. </p> <p><strong>SP Page Builder v5.1.9 Changelog</strong>: </p> <ul> <li aria-level="1"><strong>New</strong>: Implemented page-specific permission settings</li> <li aria-level="1"><strong>New</strong>: Added "paste above" and "paste below" options in the frontend editor</li> <li aria-level="1"><b>Update</b>: Added tooltips and enhanced the link field in the Richtext editor</li> <li aria-level="1"><strong>Fix</strong>: Fixed touch events issue on mobile devices for the Before-After addon</li> <li aria-level="1"><strong>Fix</strong>: Fixed JCE code editor content not updating issue</li> <li aria-level="1"><strong>Fix</strong>: Fixed admin label renaming issue for Product List item addon</li> <li aria-level="1"><strong>Fix</strong>: Added the missing custom class field for all types of Slideshow item</li> </ul> <h2>New Page-Specific Permission Control</h2> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/11/16/page-wise-permission-control-1.jpg" rel="alternate"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/11/16/page-wise-permission-control-1.jpg" alt="SP Page Builder v5.1.9" /></a></figure> <p>With SP Page Builder v5.1.9, wield the power to set permission settings on a page-by-page basis. </p> <p>Just like the familiar user group management system found in Joomla, you can now employ a similar level of control for each page. For any user group, you can grant specific permissions like page creation, editing, or changing state. </p> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/11/16/page-wise-permission-control-2.jpg" rel="alternate"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/11/16/page-wise-permission-control-2.jpg" alt="SP Page Builder v5.1.9" /></a></figure> <p>This will enhance the security and control over your content, allowing you to tailor access permissions to meet your specific requirements.</p> <h2>Effortlessly Copy &amp; Paste in Frontend Editor</h2> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/11/16/paste-above-and-below-options.jpg" rel="alternate"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/11/16/paste-above-and-below-options.jpg" alt="SP Page Builder v5.1.9" /></a></figure> <p>We've added "paste above" and "paste below" options in the frontend editor context menu.</p> <p>Now, you can effortlessly copy an addon and choose precisely where to paste it, either above or below another addon, enhancing your content creation experience.</p> <h2>Tooltips &amp; Enhanced Link Field in Richtext Editor </h2> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/11/16/tootips-and-link-field.jpg" rel="alternate"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/11/16/tootips-and-link-field.jpg" alt="SP Page Builder v5.1.9" /></a></figure> <p>The Richtext editor has received a facelift with the addition of tooltips and an enhanced link field. </p> <p>Tooltips are now included, providing a more user-friendly experience. Additionally, we've improved the link field in the Richtext editor, ensuring a smoother and more efficient editing process.</p> <h2>Miscellaneous Fixes</h2> <p>We have addressed various issues in this update to enhance the overall performance and usability of SP Page Builder.</p> <p>In case you missed it, we've listened to your feedback, and with the previous v5.1.8 update, we have reintroduced seamless integration with JCE. And, with today’s update, the issue of JCE code editor content not updating has been resolved.</p> <p>Apart from this, we have also resolved admin label renaming for the Product List item addon, added the missing custom class field for Slideshow items, and more. </p> <h2>Update Now! </h2> <p>Update to SP Page Builder v5.1.9 today and experience firsthand the enhanced control, intuitive workflow, and fixes to annoying bugs. </p> <p>Share your feedback as you explore the latest update in the comments. Your insights guide us in shaping a better SP Page Builder tailored to your needs.</p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> SP Page Builder v5.1.7 Introduces a New Rich Text Editor and Many Enhancements 2023-11-08T09:35:14+00:00 2023-11-08T09:35:14+00:00 https://www.joomshaper.com/blog/sp-page-builder-v5-1-7 Zareen Tasnim zareen.fatema14@gmail.com <p>With the release of SP Page Builder v5.1.7, we're thrilled to bring you a new Rich Text editor along with a host of exciting improvements designed to elevate your web design experience. </p> <p>This latest version introduces a brand new Rich Text Editor, streamlining the text content creation process, along with several enhancements and bug fixes to enhance your journey with SP Page Builder.</p> <p>Let’s have a look at the changelog and see what today’s update is all about.  </p> <p><strong>SP Page Builder v5.1.7 Changelog</strong>: </p> <ul> <li aria-level="1"><strong>New</strong>: Introduced a new rich-text editor</li> <li aria-level="1"><strong>Update</strong>: Enhanced the Product List addon (EasyStore) with layers panel functionality</li> <li aria-level="1"><strong>Update</strong>: Added an option to set image ALT text in the Modal Popup addon</li> <li aria-level="1"><strong>Fix</strong>: Resolved a warning issue in the video addon</li> <li aria-level="1"><strong>Fix</strong>: Fixed a tooltip problem on hover</li> <li aria-level="1"><strong>Fix</strong>: Corrected the issue with the "Save as Copy" action for pages</li> <li aria-level="1"><strong>Fix</strong>: Fixed Joomla backward compatibility issue</li> <li aria-level="1"><strong>Fix</strong>: Fixed the phone number pattern issue in the Form Builder addon</li> <li aria-level="1"><strong>Fix</strong>: Fixed Instagram access token issue</li> <li aria-level="1"><strong>Fix</strong>: Fixed border width issue of the Tab addon</li> <li aria-level="1"><strong>Fix</strong>: Fixed the responsive visibility issue of the Div addon</li> </ul> <h2>Introducing a New Rich Text Editor</h2> <p>In this update, we've replaced the traditional TinyMCE and JCE editors with a brand new Rich Text Editor that's designed to make your life easier when crafting stunning web content.</p> <h3>Why the Change?</h3> <p>Our primary goal with this update is to simplify the text content creation process for our users. The new Rich Text Editor eliminates the common challenges users faced with previous editors and brings simplified and intuitive features to your fingertips.</p> <h3>What's New with the Rich Text Editor?</h3> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/11/07/rich-text-editor.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p>With the new Rich Text Editor in SP Page Builder 5.1.7, you can now:</p> <ul> <li aria-level="1"><strong>Create Headings (H1-H6)</strong>: Easily structure your content with different heading levels.</li> <li aria-level="1"><strong>Emphasize Text</strong>: Apply bold and italic formatting with a single click.</li> <li aria-level="1"><strong>Bullet and Numbered Lists</strong>: Organize your content with lists in no time.</li> <li aria-level="1"><strong>Insert Media Files</strong>: Add images and multimedia from the media manager seamlessly.</li> <li aria-level="1"><strong>Create Links</strong>: Link to other web pages or resources effortlessly.</li> <li aria-level="1"><strong>Insert Table &amp; Blockquote</strong>: Create tables and blockquotes to present data and quotes effectively within your content.</li> <li aria-level="1"><strong>Text Color</strong>: Customize text color to make your content visually appealing.</li> <li aria-level="1"><strong>Access Source Code</strong>: Make necessary HTML changes to your content.</li> </ul> <p>The new editor is designed to streamline your text content creation process, ensuring you can create stunning web pages without the hassle you might have faced with previous editors.</p> <h2>Layers Panel Functionality for Product List Addon</h2> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/11/07/product-list-layers-panel.jpg" rel="alternate"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/11/07/product-list-layers-panel.jpg" alt="Product List Addon Layers Panel" /></a></figure> <p>The Product List addon now comes equipped with layers panel functionality, giving you even more control and flexibility when designing your online store. </p> <p>With the layers panel, you can effortlessly manage and customize the addons inside the Product List, making it easier than ever to customize your EasyStore website. </p> <h2>Time to Update! </h2> <p>Additionally, we've added an image alt text option in the Modal Popup addon for better accessibility and SEO optimization.</p> <p>We've resolved various issues in this update, including a warning problem in the video addon, tooltip improvements on hover, and fixes for the "Save as Copy" action, Joomla backward compatibility, and a phone number pattern issue in the Form Builder addon.</p> <p>We hope you enjoy these improvements and the new Rich Text Editor, which is bound to make your content creation experience smoother and more enjoyable. Let us know your feedback in the comments, and stay tuned for upcoming updates!  </p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> <p>With the release of SP Page Builder v5.1.7, we're thrilled to bring you a new Rich Text editor along with a host of exciting improvements designed to elevate your web design experience. </p> <p>This latest version introduces a brand new Rich Text Editor, streamlining the text content creation process, along with several enhancements and bug fixes to enhance your journey with SP Page Builder.</p> <p>Let’s have a look at the changelog and see what today’s update is all about.  </p> <p><strong>SP Page Builder v5.1.7 Changelog</strong>: </p> <ul> <li aria-level="1"><strong>New</strong>: Introduced a new rich-text editor</li> <li aria-level="1"><strong>Update</strong>: Enhanced the Product List addon (EasyStore) with layers panel functionality</li> <li aria-level="1"><strong>Update</strong>: Added an option to set image ALT text in the Modal Popup addon</li> <li aria-level="1"><strong>Fix</strong>: Resolved a warning issue in the video addon</li> <li aria-level="1"><strong>Fix</strong>: Fixed a tooltip problem on hover</li> <li aria-level="1"><strong>Fix</strong>: Corrected the issue with the "Save as Copy" action for pages</li> <li aria-level="1"><strong>Fix</strong>: Fixed Joomla backward compatibility issue</li> <li aria-level="1"><strong>Fix</strong>: Fixed the phone number pattern issue in the Form Builder addon</li> <li aria-level="1"><strong>Fix</strong>: Fixed Instagram access token issue</li> <li aria-level="1"><strong>Fix</strong>: Fixed border width issue of the Tab addon</li> <li aria-level="1"><strong>Fix</strong>: Fixed the responsive visibility issue of the Div addon</li> </ul> <h2>Introducing a New Rich Text Editor</h2> <p>In this update, we've replaced the traditional TinyMCE and JCE editors with a brand new Rich Text Editor that's designed to make your life easier when crafting stunning web content.</p> <h3>Why the Change?</h3> <p>Our primary goal with this update is to simplify the text content creation process for our users. The new Rich Text Editor eliminates the common challenges users faced with previous editors and brings simplified and intuitive features to your fingertips.</p> <h3>What's New with the Rich Text Editor?</h3> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/11/07/rich-text-editor.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p>With the new Rich Text Editor in SP Page Builder 5.1.7, you can now:</p> <ul> <li aria-level="1"><strong>Create Headings (H1-H6)</strong>: Easily structure your content with different heading levels.</li> <li aria-level="1"><strong>Emphasize Text</strong>: Apply bold and italic formatting with a single click.</li> <li aria-level="1"><strong>Bullet and Numbered Lists</strong>: Organize your content with lists in no time.</li> <li aria-level="1"><strong>Insert Media Files</strong>: Add images and multimedia from the media manager seamlessly.</li> <li aria-level="1"><strong>Create Links</strong>: Link to other web pages or resources effortlessly.</li> <li aria-level="1"><strong>Insert Table &amp; Blockquote</strong>: Create tables and blockquotes to present data and quotes effectively within your content.</li> <li aria-level="1"><strong>Text Color</strong>: Customize text color to make your content visually appealing.</li> <li aria-level="1"><strong>Access Source Code</strong>: Make necessary HTML changes to your content.</li> </ul> <p>The new editor is designed to streamline your text content creation process, ensuring you can create stunning web pages without the hassle you might have faced with previous editors.</p> <h2>Layers Panel Functionality for Product List Addon</h2> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/11/07/product-list-layers-panel.jpg" rel="alternate"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/11/07/product-list-layers-panel.jpg" alt="Product List Addon Layers Panel" /></a></figure> <p>The Product List addon now comes equipped with layers panel functionality, giving you even more control and flexibility when designing your online store. </p> <p>With the layers panel, you can effortlessly manage and customize the addons inside the Product List, making it easier than ever to customize your EasyStore website. </p> <h2>Time to Update! </h2> <p>Additionally, we've added an image alt text option in the Modal Popup addon for better accessibility and SEO optimization.</p> <p>We've resolved various issues in this update, including a warning problem in the video addon, tooltip improvements on hover, and fixes for the "Save as Copy" action, Joomla backward compatibility, and a phone number pattern issue in the Form Builder addon.</p> <p>We hope you enjoy these improvements and the new Rich Text Editor, which is bound to make your content creation experience smoother and more enjoyable. Let us know your feedback in the comments, and stay tuned for upcoming updates!  </p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> SP Page Builder v5.1.4: Enhancements to Popover, Product List, Opt-in Form, & More 2023-10-16T10:40:20+00:00 2023-10-16T10:40:20+00:00 https://www.joomshaper.com/blog/sp-page-builder-v5-1-4 Zareen Tasnim zareen.fatema14@gmail.com <p>It’s update’o’clock for SP Page Builder users!</p> <p>Your favorite SP Page Builder just got even better with the release of v5.1.4, bringing enhanced features and bug fixes to take your website creation to the next level.</p> <p>From improved Popover addon functionality to enhanced security in the Opt-in Form addon, let’s find out what this update has in store.</p> <p><strong>SP Page Builder v5.1.4 changelog</strong>: </p> <ul> <li aria-level="1"><b>New</b>: Option to set color, typography, padding &amp; margin for Popover Meta, Text Content, and Popover Link in Popover addon</li> <li aria-level="1"><strong>Update</strong>: Enhanced the dropping functionality of the Product List addon for EasyStore</li> <li aria-level="1"><strong>Update</strong>: Added multiple captcha options for the Opt-in Form addon</li> <li aria-level="1"><strong>Update</strong>: Redirect to the last page after logging in to the frontend editor</li> <li aria-level="1"><strong>Update</strong>: Added a backdrop to the options in the Layers Panel</li> <li aria-level="1"><strong>Fix</strong>: Fixed smart search issue</li> <li aria-level="1"><strong>Fix</strong>: Resolved the SendinBlue API issue in the Opt-in Form addon</li> <li aria-level="1"><strong>Fix</strong>: Fixed addon hidden issue in category view</li> <li aria-level="1"><strong>Fix</strong>: Fixed addon parser parent value issue</li> <li aria-level="1"><strong>Fix</strong>: Fixed the background color in the Image Layout addon</li> <li aria-level="1"><strong>Fix</strong>: Fixed image carousel issue when center padding is set to 0</li> </ul> <h2>Enhanced Popover Addon Functionality </h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/10/16/popover.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p>The Popover addon has received a boost in functionality, making it even more versatile for creating engaging and interactive content on your website.</p> <p>With this update, you can set the color, typography, padding, and margin for not just the Popover itself, but also for the Popover Meta, Text Content, and Popover Link. This means that you have complete control over the visual elements of your popovers, ensuring that they seamlessly blend into your website's design and meet your specific requirements.</p> <h2>Improved Product List Addon Dropping Functionality for EasyStore</h2> <p>In case you've missed it, we have recently launched <a href="https://www.joomshaper.com/easystore" target="_blank" rel="noopener">EasyStore</a> - the ultimate Joomla eCommerce solution! With an array of features and tools at your disposal, EasyStore makes it easier than ever to create a professional eCommerce website that meets your specific needs.</p> <p>The integration of SP Page Builder with EasyStore means that you can take full advantage of the latest features and improvements in our page builder while crafting your eCommerce site.</p> <p>With that being said, building and customizing your eCommerce pages is now easier with improved dropping functionality for the Product List addon. Now, you can effortlessly drop addons within the Product List and sort them with drag &amp; drop functionality, making your website-building journey more intuitive and effective. </p> <h2>Opt-in Form: Enhanced Security with Multiple Captcha Options</h2> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/10/16/opt-in-form.jpg" rel="alternate"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/10/16/opt-in-form.jpg" alt="SP Page Builder Opt-in Form addon" /></a></figure> <p>In SP Page Builder v5.1.3, we've introduced an important security enhancement to the Opt-in Form addon. Now, when you enable captcha for your forms, you have the flexibility to choose from different captcha types. This feature adds an extra layer of protection to your forms and allows you to select the captcha solution that best suits your needs.</p> <p>With this update, you can select the captcha type from a dropdown menu, which includes the following options:</p> <ul> <li aria-level="1"><strong>Default</strong>: Create and customize security questions that are unique to your website to safeguard your forms. </li> <li aria-level="1"><strong>Google reCaptcha</strong>: This widely recognized captcha solution provides strong protection against spam and ensures that only genuine users can submit your forms.</li> <li aria-level="1"><strong>Google Invisible reCaptcha</strong>: The invisible variant of Google reCaptcha offers a seamless user experience while effectively preventing spam submissions.</li> </ul> <h2>Redirect to the Last Page After the Frontend Editor Login</h2> <p>Working on the front-end editor is now more convenient than ever. With today’s update, we've implemented a feature that automatically takes you back to the last page you were editing after logging in to the front-end editor.</p> <h2>Miscellaneous Fixes</h2> <p>In this update, we've addressed various issues to ensure a smoother and more reliable user experience. Some key fixes include:</p> <ul> <li aria-level="1"><strong>Opt-in Form Addon SendinBlue API Issue</strong>: The Opt-in Form addon now works seamlessly with SendinBlue API, ensuring a smooth integration for your email marketing needs.</li> <li aria-level="1"><strong>Image Carousel Issue with Center Padding</strong>: The Image Carousel addon now functions correctly, even when the center padding is set to 0, eliminating any issues with its display.</li> </ul> <p>We hope these enhancements and bug fixes will make your experience with SP Page Builder even more enjoyable. As always, let us know your feedback about the update in the comments. We truly appreciate your support in helping us improve our products.</p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> <p>It’s update’o’clock for SP Page Builder users!</p> <p>Your favorite SP Page Builder just got even better with the release of v5.1.4, bringing enhanced features and bug fixes to take your website creation to the next level.</p> <p>From improved Popover addon functionality to enhanced security in the Opt-in Form addon, let’s find out what this update has in store.</p> <p><strong>SP Page Builder v5.1.4 changelog</strong>: </p> <ul> <li aria-level="1"><b>New</b>: Option to set color, typography, padding &amp; margin for Popover Meta, Text Content, and Popover Link in Popover addon</li> <li aria-level="1"><strong>Update</strong>: Enhanced the dropping functionality of the Product List addon for EasyStore</li> <li aria-level="1"><strong>Update</strong>: Added multiple captcha options for the Opt-in Form addon</li> <li aria-level="1"><strong>Update</strong>: Redirect to the last page after logging in to the frontend editor</li> <li aria-level="1"><strong>Update</strong>: Added a backdrop to the options in the Layers Panel</li> <li aria-level="1"><strong>Fix</strong>: Fixed smart search issue</li> <li aria-level="1"><strong>Fix</strong>: Resolved the SendinBlue API issue in the Opt-in Form addon</li> <li aria-level="1"><strong>Fix</strong>: Fixed addon hidden issue in category view</li> <li aria-level="1"><strong>Fix</strong>: Fixed addon parser parent value issue</li> <li aria-level="1"><strong>Fix</strong>: Fixed the background color in the Image Layout addon</li> <li aria-level="1"><strong>Fix</strong>: Fixed image carousel issue when center padding is set to 0</li> </ul> <h2>Enhanced Popover Addon Functionality </h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/10/16/popover.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p>The Popover addon has received a boost in functionality, making it even more versatile for creating engaging and interactive content on your website.</p> <p>With this update, you can set the color, typography, padding, and margin for not just the Popover itself, but also for the Popover Meta, Text Content, and Popover Link. This means that you have complete control over the visual elements of your popovers, ensuring that they seamlessly blend into your website's design and meet your specific requirements.</p> <h2>Improved Product List Addon Dropping Functionality for EasyStore</h2> <p>In case you've missed it, we have recently launched <a href="https://www.joomshaper.com/easystore" target="_blank" rel="noopener">EasyStore</a> - the ultimate Joomla eCommerce solution! With an array of features and tools at your disposal, EasyStore makes it easier than ever to create a professional eCommerce website that meets your specific needs.</p> <p>The integration of SP Page Builder with EasyStore means that you can take full advantage of the latest features and improvements in our page builder while crafting your eCommerce site.</p> <p>With that being said, building and customizing your eCommerce pages is now easier with improved dropping functionality for the Product List addon. Now, you can effortlessly drop addons within the Product List and sort them with drag &amp; drop functionality, making your website-building journey more intuitive and effective. </p> <h2>Opt-in Form: Enhanced Security with Multiple Captcha Options</h2> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/10/16/opt-in-form.jpg" rel="alternate"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/10/16/opt-in-form.jpg" alt="SP Page Builder Opt-in Form addon" /></a></figure> <p>In SP Page Builder v5.1.3, we've introduced an important security enhancement to the Opt-in Form addon. Now, when you enable captcha for your forms, you have the flexibility to choose from different captcha types. This feature adds an extra layer of protection to your forms and allows you to select the captcha solution that best suits your needs.</p> <p>With this update, you can select the captcha type from a dropdown menu, which includes the following options:</p> <ul> <li aria-level="1"><strong>Default</strong>: Create and customize security questions that are unique to your website to safeguard your forms. </li> <li aria-level="1"><strong>Google reCaptcha</strong>: This widely recognized captcha solution provides strong protection against spam and ensures that only genuine users can submit your forms.</li> <li aria-level="1"><strong>Google Invisible reCaptcha</strong>: The invisible variant of Google reCaptcha offers a seamless user experience while effectively preventing spam submissions.</li> </ul> <h2>Redirect to the Last Page After the Frontend Editor Login</h2> <p>Working on the front-end editor is now more convenient than ever. With today’s update, we've implemented a feature that automatically takes you back to the last page you were editing after logging in to the front-end editor.</p> <h2>Miscellaneous Fixes</h2> <p>In this update, we've addressed various issues to ensure a smoother and more reliable user experience. Some key fixes include:</p> <ul> <li aria-level="1"><strong>Opt-in Form Addon SendinBlue API Issue</strong>: The Opt-in Form addon now works seamlessly with SendinBlue API, ensuring a smooth integration for your email marketing needs.</li> <li aria-level="1"><strong>Image Carousel Issue with Center Padding</strong>: The Image Carousel addon now functions correctly, even when the center padding is set to 0, eliminating any issues with its display.</li> </ul> <p>We hope these enhancements and bug fixes will make your experience with SP Page Builder even more enjoyable. As always, let us know your feedback about the update in the comments. We truly appreciate your support in helping us improve our products.</p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> SP Page Builder v5.1.0 Introduces Two-Way Deep Integration With EasyStore & 2 New Addons 2023-09-29T15:08:37+00:00 2023-09-29T15:08:37+00:00 https://www.joomshaper.com/blog/sp-page-builder-v5-1-0 Sreema sreema1392@gmail.com <p>Hola SP Page Builder fam! As we approach the launch of EasyStore, we are gearing up SP Page Builder to seamlessly integrate with it. Hence today, we’re rolling out an update of SP Page Builder which supports the integration of EasyStore and introduced two brand new addons. So get ready to celebrate because we're about to set sail!</p> <p>Let’s check out the changelog to find out what this update has in it for you!</p> <p><strong>SP Page Builder v5.1.0 Changelog</strong>:</p> <ul> <li aria-level="1"><strong>New</strong>: Deep integration with the upcoming EasyStore component</li> <li aria-level="1"><strong>New</strong>: Added new Popover addon</li> <li aria-level="1"><strong>New</strong>: Added new Before-after addon</li> <li aria-level="1"><strong>Update</strong>: Enhanced frontend editor design for better alignment with the backend editor</li> <li aria-level="1"><strong>Fix</strong>: Resolved problem with updating nested and deep addon rows in the layers panel</li> </ul> <h2>Deep Integration With EasyStore For Seamless Compatibility</h2> <p>In this latest update, SP Page Builder sets a new standard with deep two-way integration with the upcoming EasyStore component. This complete backend compatibility allows you unprecedented freedom to fine-tune every aspect of your online store, available upon the stable release of EasyStore.</p> <p>After installing the EasyStore extension, SP Page Builder provides options to design both your product list and individual product pages. Leveraging the drag-and-drop ease of SP Page Builder, you can now create stunning Joomla eCommerce websites with unparalleled design flexibility.</p> <p>Keep an eye out for further details to be released with the launch of EasyStore. This groundbreaking feature simplifies and enhances customization for product listings and individual product pages, offering more flexibility in layout and design than ever! </p> <h2>New Popover Addon</h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/09/29/addon-popover.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p>Effortlessly showcasing popovers on your Joomla site has never been easier! The new Popover addon adds an engaging layer to your images. When visitors hover over or click on an image, a sleek and customizable popover appears, providing additional information, descriptions, or context. This feature is perfect for eCommerce sites where you want to offer quick insights or details without cluttering your layout. </p> <p>Tailor the appearance of your popovers to match your website's style effortlessly. Define the placement, and content with a few simple clicks.</p> <h2>New Before After Addon</h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/09/29/addon-before-after.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p>Take your time to explore our awesome Before After addon for creating image comparisons! </p> <p>With the new Before After addon, you can effortlessly showcase transformations or any visual changes with a captivating before-and-after effect. Simply upload two images, and let your users slide their way to amazement, comparing the changes side by side. </p> <p>Whether you’re selling a beauty product, home renovation item, or fitness equipment, this addon can effectively demonstrate the product's effectiveness on your eCommerce site.</p> <p>Just like the rest of the SP Page Builder addons, the Before After addon is fully customizable. Add before-after images, adjust the slider orientation, and more to ensure it looks stunning on all devices with responsive design.</p> <h2>EasyStore Is Just Around the Corner</h2> <p>The confetti is about to fly! Get ready because EasyStore is almost ready to arrive and hit your doorstep very soon. All you need to do is brace yourself for the incredible awesomeness of EasyStore and its powerful features. </p> <p>Keep an eye on our blog &amp; newsletters, as we’ll be soon unveiling EasyStore. Stay tuned! </p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> <p>Hola SP Page Builder fam! As we approach the launch of EasyStore, we are gearing up SP Page Builder to seamlessly integrate with it. Hence today, we’re rolling out an update of SP Page Builder which supports the integration of EasyStore and introduced two brand new addons. So get ready to celebrate because we're about to set sail!</p> <p>Let’s check out the changelog to find out what this update has in it for you!</p> <p><strong>SP Page Builder v5.1.0 Changelog</strong>:</p> <ul> <li aria-level="1"><strong>New</strong>: Deep integration with the upcoming EasyStore component</li> <li aria-level="1"><strong>New</strong>: Added new Popover addon</li> <li aria-level="1"><strong>New</strong>: Added new Before-after addon</li> <li aria-level="1"><strong>Update</strong>: Enhanced frontend editor design for better alignment with the backend editor</li> <li aria-level="1"><strong>Fix</strong>: Resolved problem with updating nested and deep addon rows in the layers panel</li> </ul> <h2>Deep Integration With EasyStore For Seamless Compatibility</h2> <p>In this latest update, SP Page Builder sets a new standard with deep two-way integration with the upcoming EasyStore component. This complete backend compatibility allows you unprecedented freedom to fine-tune every aspect of your online store, available upon the stable release of EasyStore.</p> <p>After installing the EasyStore extension, SP Page Builder provides options to design both your product list and individual product pages. Leveraging the drag-and-drop ease of SP Page Builder, you can now create stunning Joomla eCommerce websites with unparalleled design flexibility.</p> <p>Keep an eye out for further details to be released with the launch of EasyStore. This groundbreaking feature simplifies and enhances customization for product listings and individual product pages, offering more flexibility in layout and design than ever! </p> <h2>New Popover Addon</h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/09/29/addon-popover.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p>Effortlessly showcasing popovers on your Joomla site has never been easier! The new Popover addon adds an engaging layer to your images. When visitors hover over or click on an image, a sleek and customizable popover appears, providing additional information, descriptions, or context. This feature is perfect for eCommerce sites where you want to offer quick insights or details without cluttering your layout. </p> <p>Tailor the appearance of your popovers to match your website's style effortlessly. Define the placement, and content with a few simple clicks.</p> <h2>New Before After Addon</h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/09/29/addon-before-after.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p>Take your time to explore our awesome Before After addon for creating image comparisons! </p> <p>With the new Before After addon, you can effortlessly showcase transformations or any visual changes with a captivating before-and-after effect. Simply upload two images, and let your users slide their way to amazement, comparing the changes side by side. </p> <p>Whether you’re selling a beauty product, home renovation item, or fitness equipment, this addon can effectively demonstrate the product's effectiveness on your eCommerce site.</p> <p>Just like the rest of the SP Page Builder addons, the Before After addon is fully customizable. Add before-after images, adjust the slider orientation, and more to ensure it looks stunning on all devices with responsive design.</p> <h2>EasyStore Is Just Around the Corner</h2> <p>The confetti is about to fly! Get ready because EasyStore is almost ready to arrive and hit your doorstep very soon. All you need to do is brace yourself for the incredible awesomeness of EasyStore and its powerful features. </p> <p>Keep an eye on our blog &amp; newsletters, as we’ll be soon unveiling EasyStore. Stay tuned! </p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> SP Page Builder v5.0.10: Easy Old Content Structure Migration and Enhanced Article Scroller Add-on 2023-09-20T09:46:21+00:00 2023-09-20T09:46:21+00:00 https://www.joomshaper.com/blog/sp-page-builder-v5-0-10 Zareen Tasnim zareen.fatema14@gmail.com <p>Good day SP Page Builder users! We're back with another update, featuring several enhancements and fixes to improve your experience with SP Page Builder. In the latest SP Page Builder v5.0.10, you'll find exciting additions such as a new feature to fix legacy page content and the introduction of a versatile border field.</p> <p>Let’s take a look at the changelog below to see what's in store. </p> <p><strong>SP Page Builder v5.0.10 changelog</strong>:</p> <ul> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New</strong>: Implemented a feature to fix legacy page content for improved compatibility</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New</strong>: Added a new "Border" field to enhance design customization options</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>Update</strong>: Enhanced the Articles Scroller addon by introducing a control wrapper and enabling indicator settings</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>Fix</strong>: Fixed multi-word search issue on page list page.</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>Fix</strong>: Fixed the team carousel item links</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>Fix</strong>: Fixed an issue with the Tab addon's icon or image options</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>Fix</strong>: Fixed a bug where accordion bodies were missing</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>Fix</strong>: Fixed the missing child issue within deep nested row in the layers panel</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>Fix</strong>: Included missing selector text and text-related settings for images and icons in the modal addon</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>Fix</strong>: Fixed issue displaying only the initial category in multi-select for article addon</span></li> </ul> <h2>Seamlessly Adapt Old Page Structure to the Latest </h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/09/20/SP-Page-Builder-Fix-Page-Content.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p>We understand the importance of maintaining compatibility with older content. That's why we've introduced a new feature to fix legacy page content. This ensures that your older page structure seamlessly adapts to our latest updates, so you can focus on creating, not troubleshooting.</p> <h2>The Article Scroller Addon Got Even Better </h2> <p><span style="font-weight: 400;">Our Article Scroller Pro addon just got better! We've added a control wrapper and enabled indicator settings, giving you more flexibility and options when showcasing your articles. Now, you can curate your content with even more precision and style and ensure an engaging reading experience for your audience. </span></p> <h2>Wrapping Up</h2> <p>In SP Page Builder v5.0.10, we’ve also addressed various bugs to ensure a smoother and more reliable user experience. We’ve resolved searching issues on the page list page, fixed column width resetting after layout updates, and addressed various known issues. </p> <p>Update to the latest SP Page Builder version to enjoy a seamless website-building experience. Share your feedback in the comments, and stay tuned for more exciting updates ahead. </p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> <p>Good day SP Page Builder users! We're back with another update, featuring several enhancements and fixes to improve your experience with SP Page Builder. In the latest SP Page Builder v5.0.10, you'll find exciting additions such as a new feature to fix legacy page content and the introduction of a versatile border field.</p> <p>Let’s take a look at the changelog below to see what's in store. </p> <p><strong>SP Page Builder v5.0.10 changelog</strong>:</p> <ul> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New</strong>: Implemented a feature to fix legacy page content for improved compatibility</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New</strong>: Added a new "Border" field to enhance design customization options</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>Update</strong>: Enhanced the Articles Scroller addon by introducing a control wrapper and enabling indicator settings</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>Fix</strong>: Fixed multi-word search issue on page list page.</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>Fix</strong>: Fixed the team carousel item links</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>Fix</strong>: Fixed an issue with the Tab addon's icon or image options</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>Fix</strong>: Fixed a bug where accordion bodies were missing</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>Fix</strong>: Fixed the missing child issue within deep nested row in the layers panel</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>Fix</strong>: Included missing selector text and text-related settings for images and icons in the modal addon</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>Fix</strong>: Fixed issue displaying only the initial category in multi-select for article addon</span></li> </ul> <h2>Seamlessly Adapt Old Page Structure to the Latest </h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/09/20/SP-Page-Builder-Fix-Page-Content.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p>We understand the importance of maintaining compatibility with older content. That's why we've introduced a new feature to fix legacy page content. This ensures that your older page structure seamlessly adapts to our latest updates, so you can focus on creating, not troubleshooting.</p> <h2>The Article Scroller Addon Got Even Better </h2> <p><span style="font-weight: 400;">Our Article Scroller Pro addon just got better! We've added a control wrapper and enabled indicator settings, giving you more flexibility and options when showcasing your articles. Now, you can curate your content with even more precision and style and ensure an engaging reading experience for your audience. </span></p> <h2>Wrapping Up</h2> <p>In SP Page Builder v5.0.10, we’ve also addressed various bugs to ensure a smoother and more reliable user experience. We’ve resolved searching issues on the page list page, fixed column width resetting after layout updates, and addressed various known issues. </p> <p>Update to the latest SP Page Builder version to enjoy a seamless website-building experience. Share your feedback in the comments, and stay tuned for more exciting updates ahead. </p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> Introducing Renovation - A Free Layout Bundle for All SP Page Builder Pro Users 2023-08-14T10:21:10+00:00 2023-08-14T10:21:10+00:00 https://www.joomshaper.com/blog/renovation-layout-bundle Sreema sreema1392@gmail.com <p>If you own a business related to renovation, remodeling, or even construction, then having a distinct web presence is important. In this digital era and like any other business, renovation companies are also seeking methods to differentiate themselves in terms of their unique services and expertise. </p> <p>And to let you showcase your renovation and remodeling business impeccably, we are here to introduce you to <strong>Renovation</strong> - a free layout bundle for all our SP Page Builder 4.x and 5.x Pro users. As more homeowners turn to the internet to evaluate renovation or construction companies, stand out in the crowd with your business backed by Renovation’s incredibility!</p> <blockquote> <p>Please update your SP Page Builder Pro 4 &amp; 5 to the latest version in order to import this layout bundle.</p> </blockquote> <p>So what does Renovation come bundled up with? Here is a detailed discussion of what this layout bundle brings for you.</p> <h2>What’s in Renovation Layout Bundle?</h2> <p>The Renovation layout bundle comes with 6 ready-to-use prebuild pages that are fully functional, embellished with hover effects, impressive sliders, hero sections on multiple pages, scroll effects, parallax effects, and more! The unique and soothing color pallet used in this layout bundle will immediately set your users’ eyes to peace!</p> <p>Renovation is bundled up with the following pre-made pages:</p> <ol> <li aria-level="1"><a href="https://sppagebuilder.com/renovation-home" target="_blank" rel="noopener">Home</a></li> <li aria-level="1"><a href="https://sppagebuilder.com/renovation-services" target="_blank" rel="noopener">Service</a></li> <li aria-level="1"><a href="https://sppagebuilder.com/renovation-projects" target="_blank" rel="noopener">Projects</a></li> <li aria-level="1"><a href="https://sppagebuilder.com/renovation-projects/renovation-project-details" target="_blank" rel="noopener">Project Details</a></li> <li aria-level="1"><a href="https://sppagebuilder.com/renovation-about-us" target="_blank" rel="noopener">About Us</a></li> <li aria-level="1"><a href="https://sppagebuilder.com/renovation-contact-us" target="_blank" rel="noopener">Contact Us</a></li> </ol> <h2><a href="https://sppagebuilder.com/renovation-home" target="_blank" rel="noopener">Home</a></h2> <figure> <figure><a href="https://sppagebuilder.com/renovation-home" target="_blank" rel="nofollow noopener noreferrer"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/08/08/Home-2.jpg" alt="Renovation layout bundle" /></a></figure> </figure> <p>The Home page of Renovation comes with a refreshing and soothing overall layout and color - just like a newly renovated house! The hero section accompanies a stunning slider, followed by a video section, glimpses of services displayed in accordion style, testimonials, and more. All in all, the home page is a complete package to kickstart your prospects' web navigation!</p> <h2><a href="https://sppagebuilder.com/renovation-services" target="_blank" rel="noopener">Services</a></h2> <figure> <figure><a href="https://sppagebuilder.com/renovation-services" target="_blank" rel="nofollow noopener noreferrer"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/08/08/Service.jpg" alt="Renovation layout bundle" /></a></figure> </figure> <p>One of the main reasons for having a website for your business is to be able to showcase your services and expertise effectively. And Renovation’s service page makes sure to have that mission in check! The service page elegantly displays your unique services effectively with ample space and a surprise parallax effect at the end.</p> <h2><a href="https://sppagebuilder.com/renovation-projects" target="_blank" rel="noopener">Projects</a></h2> <figure> <figure><a href="https://sppagebuilder.com/renovation-projects" target="_blank" rel="nofollow noopener noreferrer"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/08/08/Projects-1.jpg" alt="Renovation layout bundle" /></a></figure> </figure> <p>The Projects page is simple yet elegant, letting you list out your best projects clearly without any distractions. The list of contents comes with hover effects and will take you to the details of that particular project upon clicking on each of the projects.</p> <h2><a href="https://sppagebuilder.com/renovation-projects/renovation-project-details" target="_blank" rel="noopener">Project Details</a></h2> <figure> <figure><a href="https://sppagebuilder.com/renovation-projects/renovation-project-details" target="_blank" rel="nofollow noopener noreferrer"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/08/08/Project-details-1.jpg" alt="Renovation layout bundle" /></a></figure> </figure> <p>Detail out your projects with the Renovation’s Project Details page. The page comes with an attractive hero section followed by a spacious description area to describe your successful projects and an image slider.</p> <h2><a href="https://sppagebuilder.com/renovation-about-us" target="_blank" rel="noopener">About Us</a></h2> <figure> <figure> <figure><a href="https://sppagebuilder.com/renovation-about-us" target="_blank" rel="nofollow noopener noreferrer"><img class="img-shadow" title="Renovation About Us" src="https://www.joomshaper.com/images/2023/08/16/About-us.jpeg" alt="Renovation About Us" /></a></figure> </figure> </figure> <p>Stylishly highlight your company values, mission, and vision with Renovation’s sophisticated About Us page. Display your years of experience, clients, projects, and more with the number counter. The page also caters hover effects, perfect CTAs, and space to display glimpses of projects you are proud of.</p> <h2><a href="https://sppagebuilder.com/renovation-contact-us" target="_blank" rel="noopener">Contact Us</a></h2> <figure> <figure><a href="https://sppagebuilder.com/renovation-contact-us" target="_blank" rel="nofollow noopener noreferrer"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/08/08/Contact-us-2.jpg" alt="Renovation layout bundle" /></a></figure> </figure> <p>The Contact Us page is clean and minimal and highlights your contact details perfectly. Plus, complete your contact details by displaying your socials at the footer of the page.</p> <p>If you want your prospects to reach you themselves without displaying your details, you can use the Inquire page with a self-explanatory form. </p> <h2>Fine-tune Your Page Style With Ease</h2> <p>Achieve consistent styles within your page by utilizing custom CSS to override the default styles. Follow these simple steps to apply your desired styles:</p> <ol> <li>Open the layout page in the SP Page Builder editor mode.</li> <li>Navigate to Options &gt; Page CSS &gt; Custom CSS.</li> <li>Add the following code snippet to change the page color:</li> </ol> <pre class="language-css"><code> :root { --link-color: #88565A; } </code></pre> <p>Feel free to modify the color value to match your preferred choice. This will update the color throughout the page, ensuring a consistent and cohesive look.</p> <p>If you wish to modify the color of the icon images to maintain design consistency, you can do that too. Start by <a href="https://isotropic.co/tool/hex-color-to-css-filter/">converting your desired color to a CSS filter</a>. Once you have the filter, add it to the code as shown below:</p> <pre class="language-css"><code> .set-image-color img { filter: invert(36%) sepia(9%) saturate(1741%) hue-rotate(306deg) brightness(101%) contrast(91%); } </code></pre> <p>By applying this code, the color of the icon images will be adjusted to match your preferred color, further enhancing the visual consistency across the entire page.</p> <h2>How to Access &amp; Import a Layout Bundle?</h2> <p>All of the SP Page Builder Pro users, <a href="https://www.joomshaper.com/documentation/sp-page-builder/installation-update#:~:text=Page%20Builder%20Pro.-,Add%20License%20Key,-To%20get%20official" target="_blank" rel="noopener">upon configuring the license key</a>, can access, explore, and import any <a href="https://www.joomshaper.com/page-builder/layouts" target="_blank" rel="noopener">layout bundle</a>.</p> <p>In order to get the latest layout bundle, you need to update SP Page Builder Pro to the latest version. To get a step-by-step guideline on how to access and import a layout bundle, please visit this <a href="https://www.joomshaper.com/documentation/sp-page-builder/" target="_blank" rel="noopener">documentation page</a>.</p> <h2>Quick Tips</h2> <p>Having issues with loading the layout bundles? Go to the Administrator dashboard of your Joomla site. From the System tab on the top, select Clear Cache, and then clear the cache for the Administrator. Similarly, clear the cache for the Site as well. And, the layout bundles should show up without any trouble.</p> <p>Whether you're aiming to refresh the appearance of your website or create an entirely new one to achieve a flawless online presence, Renovation is your best choice. </p> <p>So what’s the wait? Explore the Renovation layout bundle today and add that new dimension to your home remodeling or construction business!</p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder/layouts" target="_blank" rel="noopener noreferrer">Browse Layout Bundles</a><a class="btn btn-outline-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder Pro</a></span></p> <p>If you own a business related to renovation, remodeling, or even construction, then having a distinct web presence is important. In this digital era and like any other business, renovation companies are also seeking methods to differentiate themselves in terms of their unique services and expertise. </p> <p>And to let you showcase your renovation and remodeling business impeccably, we are here to introduce you to <strong>Renovation</strong> - a free layout bundle for all our SP Page Builder 4.x and 5.x Pro users. As more homeowners turn to the internet to evaluate renovation or construction companies, stand out in the crowd with your business backed by Renovation’s incredibility!</p> <blockquote> <p>Please update your SP Page Builder Pro 4 &amp; 5 to the latest version in order to import this layout bundle.</p> </blockquote> <p>So what does Renovation come bundled up with? Here is a detailed discussion of what this layout bundle brings for you.</p> <h2>What’s in Renovation Layout Bundle?</h2> <p>The Renovation layout bundle comes with 6 ready-to-use prebuild pages that are fully functional, embellished with hover effects, impressive sliders, hero sections on multiple pages, scroll effects, parallax effects, and more! The unique and soothing color pallet used in this layout bundle will immediately set your users’ eyes to peace!</p> <p>Renovation is bundled up with the following pre-made pages:</p> <ol> <li aria-level="1"><a href="https://sppagebuilder.com/renovation-home" target="_blank" rel="noopener">Home</a></li> <li aria-level="1"><a href="https://sppagebuilder.com/renovation-services" target="_blank" rel="noopener">Service</a></li> <li aria-level="1"><a href="https://sppagebuilder.com/renovation-projects" target="_blank" rel="noopener">Projects</a></li> <li aria-level="1"><a href="https://sppagebuilder.com/renovation-projects/renovation-project-details" target="_blank" rel="noopener">Project Details</a></li> <li aria-level="1"><a href="https://sppagebuilder.com/renovation-about-us" target="_blank" rel="noopener">About Us</a></li> <li aria-level="1"><a href="https://sppagebuilder.com/renovation-contact-us" target="_blank" rel="noopener">Contact Us</a></li> </ol> <h2><a href="https://sppagebuilder.com/renovation-home" target="_blank" rel="noopener">Home</a></h2> <figure> <figure><a href="https://sppagebuilder.com/renovation-home" target="_blank" rel="nofollow noopener noreferrer"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/08/08/Home-2.jpg" alt="Renovation layout bundle" /></a></figure> </figure> <p>The Home page of Renovation comes with a refreshing and soothing overall layout and color - just like a newly renovated house! The hero section accompanies a stunning slider, followed by a video section, glimpses of services displayed in accordion style, testimonials, and more. All in all, the home page is a complete package to kickstart your prospects' web navigation!</p> <h2><a href="https://sppagebuilder.com/renovation-services" target="_blank" rel="noopener">Services</a></h2> <figure> <figure><a href="https://sppagebuilder.com/renovation-services" target="_blank" rel="nofollow noopener noreferrer"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/08/08/Service.jpg" alt="Renovation layout bundle" /></a></figure> </figure> <p>One of the main reasons for having a website for your business is to be able to showcase your services and expertise effectively. And Renovation’s service page makes sure to have that mission in check! The service page elegantly displays your unique services effectively with ample space and a surprise parallax effect at the end.</p> <h2><a href="https://sppagebuilder.com/renovation-projects" target="_blank" rel="noopener">Projects</a></h2> <figure> <figure><a href="https://sppagebuilder.com/renovation-projects" target="_blank" rel="nofollow noopener noreferrer"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/08/08/Projects-1.jpg" alt="Renovation layout bundle" /></a></figure> </figure> <p>The Projects page is simple yet elegant, letting you list out your best projects clearly without any distractions. The list of contents comes with hover effects and will take you to the details of that particular project upon clicking on each of the projects.</p> <h2><a href="https://sppagebuilder.com/renovation-projects/renovation-project-details" target="_blank" rel="noopener">Project Details</a></h2> <figure> <figure><a href="https://sppagebuilder.com/renovation-projects/renovation-project-details" target="_blank" rel="nofollow noopener noreferrer"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/08/08/Project-details-1.jpg" alt="Renovation layout bundle" /></a></figure> </figure> <p>Detail out your projects with the Renovation’s Project Details page. The page comes with an attractive hero section followed by a spacious description area to describe your successful projects and an image slider.</p> <h2><a href="https://sppagebuilder.com/renovation-about-us" target="_blank" rel="noopener">About Us</a></h2> <figure> <figure> <figure><a href="https://sppagebuilder.com/renovation-about-us" target="_blank" rel="nofollow noopener noreferrer"><img class="img-shadow" title="Renovation About Us" src="https://www.joomshaper.com/images/2023/08/16/About-us.jpeg" alt="Renovation About Us" /></a></figure> </figure> </figure> <p>Stylishly highlight your company values, mission, and vision with Renovation’s sophisticated About Us page. Display your years of experience, clients, projects, and more with the number counter. The page also caters hover effects, perfect CTAs, and space to display glimpses of projects you are proud of.</p> <h2><a href="https://sppagebuilder.com/renovation-contact-us" target="_blank" rel="noopener">Contact Us</a></h2> <figure> <figure><a href="https://sppagebuilder.com/renovation-contact-us" target="_blank" rel="nofollow noopener noreferrer"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/08/08/Contact-us-2.jpg" alt="Renovation layout bundle" /></a></figure> </figure> <p>The Contact Us page is clean and minimal and highlights your contact details perfectly. Plus, complete your contact details by displaying your socials at the footer of the page.</p> <p>If you want your prospects to reach you themselves without displaying your details, you can use the Inquire page with a self-explanatory form. </p> <h2>Fine-tune Your Page Style With Ease</h2> <p>Achieve consistent styles within your page by utilizing custom CSS to override the default styles. Follow these simple steps to apply your desired styles:</p> <ol> <li>Open the layout page in the SP Page Builder editor mode.</li> <li>Navigate to Options &gt; Page CSS &gt; Custom CSS.</li> <li>Add the following code snippet to change the page color:</li> </ol> <pre class="language-css"><code> :root { --link-color: #88565A; } </code></pre> <p>Feel free to modify the color value to match your preferred choice. This will update the color throughout the page, ensuring a consistent and cohesive look.</p> <p>If you wish to modify the color of the icon images to maintain design consistency, you can do that too. Start by <a href="https://isotropic.co/tool/hex-color-to-css-filter/">converting your desired color to a CSS filter</a>. Once you have the filter, add it to the code as shown below:</p> <pre class="language-css"><code> .set-image-color img { filter: invert(36%) sepia(9%) saturate(1741%) hue-rotate(306deg) brightness(101%) contrast(91%); } </code></pre> <p>By applying this code, the color of the icon images will be adjusted to match your preferred color, further enhancing the visual consistency across the entire page.</p> <h2>How to Access &amp; Import a Layout Bundle?</h2> <p>All of the SP Page Builder Pro users, <a href="https://www.joomshaper.com/documentation/sp-page-builder/installation-update#:~:text=Page%20Builder%20Pro.-,Add%20License%20Key,-To%20get%20official" target="_blank" rel="noopener">upon configuring the license key</a>, can access, explore, and import any <a href="https://www.joomshaper.com/page-builder/layouts" target="_blank" rel="noopener">layout bundle</a>.</p> <p>In order to get the latest layout bundle, you need to update SP Page Builder Pro to the latest version. To get a step-by-step guideline on how to access and import a layout bundle, please visit this <a href="https://www.joomshaper.com/documentation/sp-page-builder/" target="_blank" rel="noopener">documentation page</a>.</p> <h2>Quick Tips</h2> <p>Having issues with loading the layout bundles? Go to the Administrator dashboard of your Joomla site. From the System tab on the top, select Clear Cache, and then clear the cache for the Administrator. Similarly, clear the cache for the Site as well. And, the layout bundles should show up without any trouble.</p> <p>Whether you're aiming to refresh the appearance of your website or create an entirely new one to achieve a flawless online presence, Renovation is your best choice. </p> <p>So what’s the wait? Explore the Renovation layout bundle today and add that new dimension to your home remodeling or construction business!</p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder/layouts" target="_blank" rel="noopener noreferrer">Browse Layout Bundles</a><a class="btn btn-outline-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder Pro</a></span></p> SP Page Builder v5.0.7 Fixes Several Security Vulnerabilities and More 2023-08-07T09:36:15+00:00 2023-08-07T09:36:15+00:00 https://www.joomshaper.com/blog/sp-page-builder-v5-0-7 Zareen Tasnim zareen.fatema14@gmail.com <p>It’s update’o’clock for SP Page Builder users!</p> <p>We are pleased to announce the latest update for SP Page Builder – version 5.0.7! This release brings many improvements, including enhanced security measures and crucial fixes to elevate your website-building experience to a whole new level.</p> <p>Let’s find out what the update has in store. </p> <p><strong>SP Page Builder v5.0.7 Changelog</strong>: </p> <ul> <li aria-level="1"><strong>Update</strong>: Enhanced security measures</li> <li aria-level="1"><strong>Update</strong>: Improved media Access Control List (ACL) functionalities</li> <li aria-level="1"><strong>Fix</strong>: Resolved a page freezing issue associated with duplicate ids</li> <li aria-level="1"><strong>Fix</strong>: Fixed layout and gradient problems in slideshow transitions when upgrading from SPPB version 3 to 5 </li> <li aria-level="1"><strong>Fix</strong>: Corrected the positioning issue of the Tab addon for videos and iframes</li> <li aria-level="1"><strong>Fix</strong>: Addressed SVG icon undefined error for custom icon packs</li> <li aria-level="1"><strong>Fix</strong>: ​​Fixed the issue where the select field failed to update after changing devices</li> <li aria-level="1"><strong>Fix</strong>: CSS duplication problem occurring on the SP Portfolio page</li> <li aria-level="1"><strong>Fix</strong>: Ensured proper display of installed fonts in the FontsField</li> <li aria-level="1"><strong>Fix</strong>: Resolved warning issue with window reload</li> <li aria-level="1"><strong>Fix</strong>: Improved interaction performance</li> <li aria-level="1"><strong>Fix</strong>: Fixed problem with editing table add-on in the backend editor</li> <li aria-level="1"><strong>Fix</strong>: Resolved content saving problem in the JCE editor</li> </ul> <h2>Enhanced Security Measures</h2> <p>SP Page Builder v5.0.7 implemented enhanced security measures that fortify your website against potential vulnerabilities. The update introduces a range of security measures to safeguard your website against potential threats and malicious attacks.</p> <h2>Fixed Layout and Gradient Issues in Slideshow Transitions</h2> <p>SP Page Builder’s dynamic slideshow transitions add visual appeal to your website. However, during the upgrade process from SP Page Builder version 3 to version 5, some users experienced layout and gradient issues with these transitions. </p> <p>With the release of SP Page Builder v5.0.7, we have taken prompt action to address these issues. With this update, we have resolved the layout and gradient issues, ensuring a seamless transition during the upgrade process.</p> <h2>Wrapping Up!</h2> <p>SP Page Builder v5.0.7 also addresses multiple issues that have been reported by our dedicated community of users. We recommend you upgrade to SP Page Builder v5.0.7 today to enjoy the enhanced security measures and other fixes. </p> <p>We value your feedback and continuously strive to improve our product to meet your expectations. Do let us know your feedback about the update in the comments. Good day! </p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> <p>It’s update’o’clock for SP Page Builder users!</p> <p>We are pleased to announce the latest update for SP Page Builder – version 5.0.7! This release brings many improvements, including enhanced security measures and crucial fixes to elevate your website-building experience to a whole new level.</p> <p>Let’s find out what the update has in store. </p> <p><strong>SP Page Builder v5.0.7 Changelog</strong>: </p> <ul> <li aria-level="1"><strong>Update</strong>: Enhanced security measures</li> <li aria-level="1"><strong>Update</strong>: Improved media Access Control List (ACL) functionalities</li> <li aria-level="1"><strong>Fix</strong>: Resolved a page freezing issue associated with duplicate ids</li> <li aria-level="1"><strong>Fix</strong>: Fixed layout and gradient problems in slideshow transitions when upgrading from SPPB version 3 to 5 </li> <li aria-level="1"><strong>Fix</strong>: Corrected the positioning issue of the Tab addon for videos and iframes</li> <li aria-level="1"><strong>Fix</strong>: Addressed SVG icon undefined error for custom icon packs</li> <li aria-level="1"><strong>Fix</strong>: ​​Fixed the issue where the select field failed to update after changing devices</li> <li aria-level="1"><strong>Fix</strong>: CSS duplication problem occurring on the SP Portfolio page</li> <li aria-level="1"><strong>Fix</strong>: Ensured proper display of installed fonts in the FontsField</li> <li aria-level="1"><strong>Fix</strong>: Resolved warning issue with window reload</li> <li aria-level="1"><strong>Fix</strong>: Improved interaction performance</li> <li aria-level="1"><strong>Fix</strong>: Fixed problem with editing table add-on in the backend editor</li> <li aria-level="1"><strong>Fix</strong>: Resolved content saving problem in the JCE editor</li> </ul> <h2>Enhanced Security Measures</h2> <p>SP Page Builder v5.0.7 implemented enhanced security measures that fortify your website against potential vulnerabilities. The update introduces a range of security measures to safeguard your website against potential threats and malicious attacks.</p> <h2>Fixed Layout and Gradient Issues in Slideshow Transitions</h2> <p>SP Page Builder’s dynamic slideshow transitions add visual appeal to your website. However, during the upgrade process from SP Page Builder version 3 to version 5, some users experienced layout and gradient issues with these transitions. </p> <p>With the release of SP Page Builder v5.0.7, we have taken prompt action to address these issues. With this update, we have resolved the layout and gradient issues, ensuring a seamless transition during the upgrade process.</p> <h2>Wrapping Up!</h2> <p>SP Page Builder v5.0.7 also addresses multiple issues that have been reported by our dedicated community of users. We recommend you upgrade to SP Page Builder v5.0.7 today to enjoy the enhanced security measures and other fixes. </p> <p>We value your feedback and continuously strive to improve our product to meet your expectations. Do let us know your feedback about the update in the comments. Good day! </p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> Introducing 12 Fresh Pre-made Blocks to SP Page Builder 5 Pro Family 2023-08-04T09:28:15+00:00 2023-08-04T09:28:15+00:00 https://www.joomshaper.com/blog/12-blocks-added-to-sp-page-builder-pro Sreema sreema1392@gmail.com <p>Leveling up your smart work just got more awesome! That too with SP Page Builder Pro's premade blocks! This time, we are bringing you a handful of fresh pre-built sections that will come in handy if you are looking to turbocharge your Joomla web page-creating process!</p> <p>So what are these premade blocks and how exactly to access them? Let's dive deeper to learn more.</p> <h2>What are Premade Blocks?</h2> <p>SP Page Builder Pro has a vast collection of amazing pre-made blocks. These premade blocks are ready-to-use sections that you can use right away while creating your webpage. Since these sections are pre-designed and pre-built, you don’t have to do much while using them! You can either use them just as they are or you can also customize them to fit your requirement. As simple as that!</p> <h2>12 New Pre-made Blocks Added to Our Growing Pre-Built Library</h2> <figure> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/08/04/inner-1.jpg" rel="alternate"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/08/04/inner-1.jpg" alt="Introducing 12 Fresh Blocks to SP Page Builder 5 Pro Family" /></a></figure> </figure> <p>There were already a ton of ready-to-use blocks available for our SP Page Builder Pro users. Now, we're adding 12 new blocks to the mix. Make sure to check them out and see how you like them!</p> <h2>How to Access Premade Blocks?</h2> <p>First thing first, make sure you have your SP Page Builder Pro version downloaded and installed. You'll be able to access all the pre-made blocks from both the front end and back end of SP Page Builder.</p> <h3>From the Backend Editor</h3> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/08/04/Access-Premade-Blocks-from-Backend.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video>From the SP Page Builder Pro 5’s dashboard, click on the page that you wish to edit. From the Add Elements option, go to the Sections Library tab. Here you can find the entire list of the available premade blocks. <span style="font-weight: 400;">Browse through the various block categories, choose the block that best suits your needs, and drag &amp; drop the selected block into your page!</span></p> <h3>From the Frontend Editor</h3> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/08/04/sppb-new-sections.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video>From the SP Page Builder Pro 5’s dashboard, choose the page that you wish to edit. Hover over the page and click on the Frontend Editor button. Once your frontend editor appears, go to the Layouts option from the sidebar editor. Choose the Blocks tab and all the available blocks will appear here. Select your desired block from the list and hit Insert. Your block will be added to your page right away!</p> <h2>Enjoy Streamlined Workflow Using Blocks</h2> <p>Building your webpage with blocks can enhance your workflow. Think of building a webpage with blocks like playing with physical building blocks. Just like arranging the building blocks in the right sequence can bring life to your imagined structure, using the premade sections in the right order can streamline your webpage building process, ultimately bringing your desired layout to fruition.</p> <p>You can reap multiple benefits of blocks when used correctly:</p> <ul> <li aria-level="1"><strong>Easy Arrangement:</strong> Choose blocks from different categories that fit perfectly to create your layout.</li> <li aria-level="1"><strong>Quick Customization: </strong>Customize blocks without the hassle, saving you time and effort.</li> <li aria-level="1"><strong>Faster Progress:</strong> The backend drag-and-drop feature makes adding blocks to your page a breeze.</li> <li aria-level="1"><strong>Save:</strong> Your favorite or customized blocks can be used repeatedly just by saving them as a Section.</li> <li aria-level="1"><strong>Reuse:</strong> Your saved blocks can be accessed and used anytime on multiple pages from SP Page Builder Pro’s Saved Items &gt; Section tab.</li> </ul> <p>Tell us what you think about the fresh batch of brand-new blocks and let us know what else you'd like to see more of in the comments. Good luck!</p> <p><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a></p> <p>Leveling up your smart work just got more awesome! That too with SP Page Builder Pro's premade blocks! This time, we are bringing you a handful of fresh pre-built sections that will come in handy if you are looking to turbocharge your Joomla web page-creating process!</p> <p>So what are these premade blocks and how exactly to access them? Let's dive deeper to learn more.</p> <h2>What are Premade Blocks?</h2> <p>SP Page Builder Pro has a vast collection of amazing pre-made blocks. These premade blocks are ready-to-use sections that you can use right away while creating your webpage. Since these sections are pre-designed and pre-built, you don’t have to do much while using them! You can either use them just as they are or you can also customize them to fit your requirement. As simple as that!</p> <h2>12 New Pre-made Blocks Added to Our Growing Pre-Built Library</h2> <figure> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/08/04/inner-1.jpg" rel="alternate"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/08/04/inner-1.jpg" alt="Introducing 12 Fresh Blocks to SP Page Builder 5 Pro Family" /></a></figure> </figure> <p>There were already a ton of ready-to-use blocks available for our SP Page Builder Pro users. Now, we're adding 12 new blocks to the mix. Make sure to check them out and see how you like them!</p> <h2>How to Access Premade Blocks?</h2> <p>First thing first, make sure you have your SP Page Builder Pro version downloaded and installed. You'll be able to access all the pre-made blocks from both the front end and back end of SP Page Builder.</p> <h3>From the Backend Editor</h3> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/08/04/Access-Premade-Blocks-from-Backend.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video>From the SP Page Builder Pro 5’s dashboard, click on the page that you wish to edit. From the Add Elements option, go to the Sections Library tab. Here you can find the entire list of the available premade blocks. <span style="font-weight: 400;">Browse through the various block categories, choose the block that best suits your needs, and drag &amp; drop the selected block into your page!</span></p> <h3>From the Frontend Editor</h3> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/08/04/sppb-new-sections.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video>From the SP Page Builder Pro 5’s dashboard, choose the page that you wish to edit. Hover over the page and click on the Frontend Editor button. Once your frontend editor appears, go to the Layouts option from the sidebar editor. Choose the Blocks tab and all the available blocks will appear here. Select your desired block from the list and hit Insert. Your block will be added to your page right away!</p> <h2>Enjoy Streamlined Workflow Using Blocks</h2> <p>Building your webpage with blocks can enhance your workflow. Think of building a webpage with blocks like playing with physical building blocks. Just like arranging the building blocks in the right sequence can bring life to your imagined structure, using the premade sections in the right order can streamline your webpage building process, ultimately bringing your desired layout to fruition.</p> <p>You can reap multiple benefits of blocks when used correctly:</p> <ul> <li aria-level="1"><strong>Easy Arrangement:</strong> Choose blocks from different categories that fit perfectly to create your layout.</li> <li aria-level="1"><strong>Quick Customization: </strong>Customize blocks without the hassle, saving you time and effort.</li> <li aria-level="1"><strong>Faster Progress:</strong> The backend drag-and-drop feature makes adding blocks to your page a breeze.</li> <li aria-level="1"><strong>Save:</strong> Your favorite or customized blocks can be used repeatedly just by saving them as a Section.</li> <li aria-level="1"><strong>Reuse:</strong> Your saved blocks can be accessed and used anytime on multiple pages from SP Page Builder Pro’s Saved Items &gt; Section tab.</li> </ul> <p>Tell us what you think about the fresh batch of brand-new blocks and let us know what else you'd like to see more of in the comments. Good luck!</p> <p><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a></p> Introducing Cake & Bakery – A Free Layout Bundle for All SP Page Builder Pro Users 2023-07-31T09:32:19+00:00 2023-07-31T09:32:19+00:00 https://www.joomshaper.com/blog/cake-bakery-layout-bundle Zareen Tasnim zareen.fatema14@gmail.com <p>In today’s fast-paced world, a bakery is no longer just a local shop. With so many bakeries competing for customers' attention, having a website can set a bakery apart from its competitors.</p> <p>A well-crafted website provides a platform for showcasing your baked goods, establishing an online presence, offering convenience to customers, and staying competitive in the market. And to help you do it all without having to start from scratch, let us introduce you to <strong>Cake &amp; Bakery</strong> -  a free layout bundle for all our SP Page Builder 4.x and 5.x Pro users. </p> <blockquote> <p>Please update your SP Page Builder Pro 4 &amp; 5 to the latest version in order to import this layout bundle.</p> </blockquote> <h2>What’s in Cake &amp; Bakery Layout Bundle?</h2> <p>The Cake &amp; Bakery layout bundle comes packed with 5 ready-to-use pages with incredible design and all the functionalities that you would need to run your bakery shop online. </p> <p>It comes with the following pre-made pages:</p> <ol> <li aria-level="1"><a href="https://sppagebuilder.com/cake-and-bakery-home" target="_blank" rel="noopener">Home</a></li> <li aria-level="1"><a href="https://sppagebuilder.com/cake-and-bakery-about-us" target="_blank" rel="noopener">About Us</a></li> <li aria-level="1"><a href="https://sppagebuilder.com/cake-and-bakery-our-products" target="_blank" rel="noopener">Our Products</a></li> <li aria-level="1"><a href="https://sppagebuilder.com/cake-and-bakery-our-products/cake-and-bakery-product-details" target="_blank" rel="noopener">Product Details</a></li> <li aria-level="1"><a href="https://sppagebuilder.com/cake-and-bakery-contact" target="_blank" rel="noopener">Contact</a></li> </ol> <h2><a href="https://sppagebuilder.com/cake-and-bakery-home" target="_blank" rel="noopener">Home</a></h2> <figure><a href="https://sppagebuilder.com/cake-and-bakery-home" target="_blank" rel="alternate noopener"><img src="https://www.joomshaper.com/images/2023/07/18/Homepage-1.jpg" alt="Cake &amp; Bakery layout bundle" /></a></figure> <p>The Home page is a visual delight that showcases your irresistible baked goods. It offers a quick and enticing overview of your delicious treats, enticing visitors to explore further. With the thoughtfully designed layout, effortlessly display your baked goods in organized categories, making it easy for customers to navigate and find their favorites. </p> <p>Additionally, you can also highlight your best-selling items or new launches, ensuring they receive the attention they deserve.</p> <h2><a href="https://sppagebuilder.com/cake-and-bakery-about-us" target="_blank" rel="noopener">About Us</a></h2> <figure><a href="https://sppagebuilder.com/cake-and-bakery-about-us" target="_blank" rel="alternate noopener"><img src="https://www.joomshaper.com/images/2023/07/18/About-Us-1.jpg" alt="Cake &amp; Bakery layout bundle" /></a></figure> <p>The About Us page is the perfect place to unveil the story that brings your bakery to life.  Showcase your passion and commitment to creating exceptional baked goods. Introduce the talented bakers behind the scenes and give insightful glimpses into your unique products. </p> <h2><a href="https://sppagebuilder.com/cake-and-bakery-our-products" target="_blank" rel="noopener">Our Products</a></h2> <figure><a href="https://sppagebuilder.com/cake-and-bakery-our-products" target="_blank" rel="alternate noopener"><img src="https://www.joomshaper.com/images/2023/07/18/Our-products.jpg" alt="Cake &amp; Bakery layout bundle" /></a></figure> <p>The Product page comes with a grid-style layout showcasing your exquisite products with display images, prices, and customer ratings. With the Buy Now CTA under each product, customers can swiftly add their desired treats to the cart.  </p> <h2><a href="https://sppagebuilder.com/cake-and-bakery-our-products/cake-and-bakery-product-details" target="_blank" rel="noopener">Product Details</a></h2> <figure><a href="https://sppagebuilder.com/cake-and-bakery-our-products/cake-and-bakery-product-details" target="_blank" rel="noopener"><img src="https://www.joomshaper.com/images/2023/07/18/Details.jpg" alt="Cake &amp; Bakery layout bundle" /></a></figure> <p>With the Product Details page, customers can explore the detailed product descriptions, uncovering the ingredients and unique flavors that make each good exceptional. It also has a testimonial section, where your valued customers can share their experiences and rave about their favorite treats. </p> <h2><a href="https://sppagebuilder.com/cake-and-bakery-contact" target="_blank" rel="noopener">Contact Us</a></h2> <figure><a href="https://sppagebuilder.com/cake-and-bakery-contact" target="_blank" rel="alternate noopener"><img src="https://www.joomshaper.com/images/2023/07/18/Contact-us-1.jpg" alt="Cake &amp; Bakery layout bundle" /></a></figure> <p>The Contact page of the Cake &amp; Bakery layout bundle comes with an intuitive contact form to make communication a breeze. You can also pinpoint your location on a map and display your store locations &amp; contact details smartly.</p> <h2>Fine-tune Your Page Style With Ease</h2> <p>Achieve consistent styles within your page by utilizing custom CSS to override the default styles. Follow these simple steps to apply your desired styles:</p> <ol> <li>Open the layout page in the SP Page Builder editor mode.</li> <li>Navigate to Options &gt; Page CSS &gt; Custom CSS.</li> <li>Add the following code snippet to change the page color:</li> </ol> <pre class="language-css"><code> :root { --link-color: #88565A; } </code></pre> <p>Feel free to modify the color value to match your preferred choice. This will update the color throughout the page, ensuring a consistent and cohesive look.</p> <p>If you wish to modify the color of the icon images to maintain design consistency, you can do that too. Start by <a href="https://isotropic.co/tool/hex-color-to-css-filter/">converting your desired color to a CSS filter</a>. Once you have the filter, add it to the code as shown below:</p> <pre class="language-css"><code> .set-image-color img { filter: invert(36%) sepia(9%) saturate(1741%) hue-rotate(306deg) brightness(101%) contrast(91%); } </code></pre> <p>By applying this code, the color of the icon images will be adjusted to match your preferred color, further enhancing the visual consistency across the entire page.</p> <h2>How to Access &amp; Import a Layout Bundle?</h2> <p>All of the SP Page Builder Pro users, <a href="https://www.joomshaper.com/documentation/sp-page-builder/sp-page-builder-3/basic-information-requirements" target="_blank" rel="noopener noreferrer">upon configuring the license key</a>, can access, explore, and import any <a href="https://www.joomshaper.com/page-builder/layouts" target="_blank" rel="noopener noreferrer">layout bundle</a>.</p> <p>In order to get the latest layout bundle, you need to update SP Page Builder Pro to the latest version. To get a step-by-step guideline on how to access and import a layout bundle, please visit this <a href="https://www.joomshaper.com/documentation/sp-page-builder/sp-page-builder-4#documentation-heading-1_15" target="_blank" rel="noopener noreferrer">documentation page</a>.</p> <h2>Quick Tips</h2> <p>Having issues with loading the layout bundles? Go to the Administrator dashboard of your Joomla site. From the System tab on the top, select Clear Cache, and then clear the cache for the Administrator. Similarly, clear the cache for the Site as well. And, the layout bundles should show up without any trouble.</p> <p>With its stunning designs, user-friendly features, and comprehensive functionality, the Cake &amp; Bakery layout bundle provides the perfect foundation for your bakery business.</p> <p>So what’s the wait for? Try our brand-new Cake &amp; Bakery layout bundle and create a delightful experience for your customers!</p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder/layouts" target="_blank" rel="noopener noreferrer">Browse Layout Bundles</a><a class="btn btn-outline-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder Pro</a></span></p> <p>In today’s fast-paced world, a bakery is no longer just a local shop. With so many bakeries competing for customers' attention, having a website can set a bakery apart from its competitors.</p> <p>A well-crafted website provides a platform for showcasing your baked goods, establishing an online presence, offering convenience to customers, and staying competitive in the market. And to help you do it all without having to start from scratch, let us introduce you to <strong>Cake &amp; Bakery</strong> -  a free layout bundle for all our SP Page Builder 4.x and 5.x Pro users. </p> <blockquote> <p>Please update your SP Page Builder Pro 4 &amp; 5 to the latest version in order to import this layout bundle.</p> </blockquote> <h2>What’s in Cake &amp; Bakery Layout Bundle?</h2> <p>The Cake &amp; Bakery layout bundle comes packed with 5 ready-to-use pages with incredible design and all the functionalities that you would need to run your bakery shop online. </p> <p>It comes with the following pre-made pages:</p> <ol> <li aria-level="1"><a href="https://sppagebuilder.com/cake-and-bakery-home" target="_blank" rel="noopener">Home</a></li> <li aria-level="1"><a href="https://sppagebuilder.com/cake-and-bakery-about-us" target="_blank" rel="noopener">About Us</a></li> <li aria-level="1"><a href="https://sppagebuilder.com/cake-and-bakery-our-products" target="_blank" rel="noopener">Our Products</a></li> <li aria-level="1"><a href="https://sppagebuilder.com/cake-and-bakery-our-products/cake-and-bakery-product-details" target="_blank" rel="noopener">Product Details</a></li> <li aria-level="1"><a href="https://sppagebuilder.com/cake-and-bakery-contact" target="_blank" rel="noopener">Contact</a></li> </ol> <h2><a href="https://sppagebuilder.com/cake-and-bakery-home" target="_blank" rel="noopener">Home</a></h2> <figure><a href="https://sppagebuilder.com/cake-and-bakery-home" target="_blank" rel="alternate noopener"><img src="https://www.joomshaper.com/images/2023/07/18/Homepage-1.jpg" alt="Cake &amp; Bakery layout bundle" /></a></figure> <p>The Home page is a visual delight that showcases your irresistible baked goods. It offers a quick and enticing overview of your delicious treats, enticing visitors to explore further. With the thoughtfully designed layout, effortlessly display your baked goods in organized categories, making it easy for customers to navigate and find their favorites. </p> <p>Additionally, you can also highlight your best-selling items or new launches, ensuring they receive the attention they deserve.</p> <h2><a href="https://sppagebuilder.com/cake-and-bakery-about-us" target="_blank" rel="noopener">About Us</a></h2> <figure><a href="https://sppagebuilder.com/cake-and-bakery-about-us" target="_blank" rel="alternate noopener"><img src="https://www.joomshaper.com/images/2023/07/18/About-Us-1.jpg" alt="Cake &amp; Bakery layout bundle" /></a></figure> <p>The About Us page is the perfect place to unveil the story that brings your bakery to life.  Showcase your passion and commitment to creating exceptional baked goods. Introduce the talented bakers behind the scenes and give insightful glimpses into your unique products. </p> <h2><a href="https://sppagebuilder.com/cake-and-bakery-our-products" target="_blank" rel="noopener">Our Products</a></h2> <figure><a href="https://sppagebuilder.com/cake-and-bakery-our-products" target="_blank" rel="alternate noopener"><img src="https://www.joomshaper.com/images/2023/07/18/Our-products.jpg" alt="Cake &amp; Bakery layout bundle" /></a></figure> <p>The Product page comes with a grid-style layout showcasing your exquisite products with display images, prices, and customer ratings. With the Buy Now CTA under each product, customers can swiftly add their desired treats to the cart.  </p> <h2><a href="https://sppagebuilder.com/cake-and-bakery-our-products/cake-and-bakery-product-details" target="_blank" rel="noopener">Product Details</a></h2> <figure><a href="https://sppagebuilder.com/cake-and-bakery-our-products/cake-and-bakery-product-details" target="_blank" rel="noopener"><img src="https://www.joomshaper.com/images/2023/07/18/Details.jpg" alt="Cake &amp; Bakery layout bundle" /></a></figure> <p>With the Product Details page, customers can explore the detailed product descriptions, uncovering the ingredients and unique flavors that make each good exceptional. It also has a testimonial section, where your valued customers can share their experiences and rave about their favorite treats. </p> <h2><a href="https://sppagebuilder.com/cake-and-bakery-contact" target="_blank" rel="noopener">Contact Us</a></h2> <figure><a href="https://sppagebuilder.com/cake-and-bakery-contact" target="_blank" rel="alternate noopener"><img src="https://www.joomshaper.com/images/2023/07/18/Contact-us-1.jpg" alt="Cake &amp; Bakery layout bundle" /></a></figure> <p>The Contact page of the Cake &amp; Bakery layout bundle comes with an intuitive contact form to make communication a breeze. You can also pinpoint your location on a map and display your store locations &amp; contact details smartly.</p> <h2>Fine-tune Your Page Style With Ease</h2> <p>Achieve consistent styles within your page by utilizing custom CSS to override the default styles. Follow these simple steps to apply your desired styles:</p> <ol> <li>Open the layout page in the SP Page Builder editor mode.</li> <li>Navigate to Options &gt; Page CSS &gt; Custom CSS.</li> <li>Add the following code snippet to change the page color:</li> </ol> <pre class="language-css"><code> :root { --link-color: #88565A; } </code></pre> <p>Feel free to modify the color value to match your preferred choice. This will update the color throughout the page, ensuring a consistent and cohesive look.</p> <p>If you wish to modify the color of the icon images to maintain design consistency, you can do that too. Start by <a href="https://isotropic.co/tool/hex-color-to-css-filter/">converting your desired color to a CSS filter</a>. Once you have the filter, add it to the code as shown below:</p> <pre class="language-css"><code> .set-image-color img { filter: invert(36%) sepia(9%) saturate(1741%) hue-rotate(306deg) brightness(101%) contrast(91%); } </code></pre> <p>By applying this code, the color of the icon images will be adjusted to match your preferred color, further enhancing the visual consistency across the entire page.</p> <h2>How to Access &amp; Import a Layout Bundle?</h2> <p>All of the SP Page Builder Pro users, <a href="https://www.joomshaper.com/documentation/sp-page-builder/sp-page-builder-3/basic-information-requirements" target="_blank" rel="noopener noreferrer">upon configuring the license key</a>, can access, explore, and import any <a href="https://www.joomshaper.com/page-builder/layouts" target="_blank" rel="noopener noreferrer">layout bundle</a>.</p> <p>In order to get the latest layout bundle, you need to update SP Page Builder Pro to the latest version. To get a step-by-step guideline on how to access and import a layout bundle, please visit this <a href="https://www.joomshaper.com/documentation/sp-page-builder/sp-page-builder-4#documentation-heading-1_15" target="_blank" rel="noopener noreferrer">documentation page</a>.</p> <h2>Quick Tips</h2> <p>Having issues with loading the layout bundles? Go to the Administrator dashboard of your Joomla site. From the System tab on the top, select Clear Cache, and then clear the cache for the Administrator. Similarly, clear the cache for the Site as well. And, the layout bundles should show up without any trouble.</p> <p>With its stunning designs, user-friendly features, and comprehensive functionality, the Cake &amp; Bakery layout bundle provides the perfect foundation for your bakery business.</p> <p>So what’s the wait for? Try our brand-new Cake &amp; Bakery layout bundle and create a delightful experience for your customers!</p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder/layouts" target="_blank" rel="noopener noreferrer">Browse Layout Bundles</a><a class="btn btn-outline-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder Pro</a></span></p> SP Page Builder v5.0.2: Enhanced Responsiveness, Improved Security, Bug Fixes, & More 2023-07-18T07:45:14+00:00 2023-07-18T07:45:14+00:00 https://www.joomshaper.com/blog/sp-page-builder-v5-0-2 Zareen Tasnim zareen.fatema14@gmail.com <p>Hello SP Page Builder users! We’re happy to announce the release of SP Page Builder v5.0.2 packed with several improvements. This update brings enhanced responsiveness, improved security measures, and bug fixes, ensuring an even smoother website-building experience. </p> <p>Let’s find out what this update has in store! </p> <p><strong>SP Page Builder v5.0.2 changelog</strong>:</p> <ul> <li><strong>New</strong>: Added responsiveness for Flex properties in Div addon</li> <li><strong>Update</strong>: Implemented HTML sanitization in frontend editor to prevent XSS vulnerability</li> <li><strong>Update</strong>: Added tooltips for settings options</li> <li><strong>Fix</strong>: Resolved backend TextField rendering issue when changing devices</li> <li><strong>Fix</strong>: Fixed problem with saving empty div addon mutation</li> <li><strong>Fix</strong>: Addressed slider settings issue after changing devices</li> <li><strong>Fix</strong>: Resolved frontend select z-index problem</li> <li><strong>Fix</strong>: Fixed backend settings runtime error for section index</li> <li><strong>Fix</strong>: Resolved issue with save page API</li> <li><strong>Fix</strong>: Cleaned up row, column, image, and person addon's relative image URI</li> <li><strong>Fix</strong>: Vertical and horizontal alignment issue</li> <li><strong>Fix</strong>: Resolved backslash issue on media attachment from Folders</li> <li><strong>Fix</strong>: Slideshow animation was not working</li> <li><strong>Fix</strong>: Slideshow arrow gap from left and right issue</li> <li><strong>Fix</strong>: Slideshow height issue on mobile device</li> <li><strong>Fix</strong>: Resolved the issue of adding unnecessary links without user input</li> <li><strong>Fix</strong>: Resolved margin issue for the Image Carousel addon</li> <li><strong>Fix</strong>: Width issue for article scroller on window resize</li> <li><strong>Fix</strong>: Carousel pro arrow icon "angle double" issue</li> <li><strong>Fix</strong>: Team Carousel addon link issue</li> <li><strong>Fix</strong>: Ensured target and Rel attributes are not missing in the frontend editor's &lt;a&gt; tag due to DOMPurify</li> <li><strong>Fix</strong>: Improved spacing by detecting legacy data structure</li> <li><strong>Fix</strong>: Addressed other known issues</li> </ul> <h2>Added Responsiveness For Flex Properties</h2> <p>To make sure your website looks stunning on all devices we have the added responsiveness for the flex property in the Div addon. Now, you can effortlessly create flexible and adaptable layouts that seamlessly adjust to various screen sizes.</p> <h2>Implemented HTML Sanitization in the Frontend Editor</h2> <p>In SP Page Builder v5.0.2, we have implemented HTML sanitization in the frontend editor, to mitigate the risk of cross-site scripting (XSS) attacks. Now, you can build and manage your websites without worrying about security.</p> <h2>Bug Fixes &amp; Miscellaneous Improvements</h2> <p>Our team is continuously working on enhancing SP Page Builder's functionality and user-friendliness. In this version, we have fixed several issues such as backend rendering issues with TextField after changing devices, saved empty div addon mutation issues, slider settings inconsistencies, alignment issues, etc. </p> <p>We have also made various improvements, including adding tooltips for settings options, optimizing spacing by detecting legacy data structures, and many more. </p> <div class="alert alert-info"><strong>Note</strong>: The Maximum Container Width in SP Page Builder 5 is now set to 1170px by default, which was previously set to 1140px in SP Page Builder 3 &amp; 4. If you face any issue regarding width, please change the Maximum Container Width back to 1140px from Settings &gt; Options &gt; Advanced. </div> <h2>Wrapping Up</h2> <p>Please update your SP Page Builder to the latest version as soon as possible to enjoy enhanced security and functionalities. We hope the latest changes will contribute to a more refined and efficient website-building experience with SP Page Builder 5.</p> <p>Thank you for your continued support and don’t forget to reach out to us if you encounter any issues while using SP Page Builder! </p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> <p>Hello SP Page Builder users! We’re happy to announce the release of SP Page Builder v5.0.2 packed with several improvements. This update brings enhanced responsiveness, improved security measures, and bug fixes, ensuring an even smoother website-building experience. </p> <p>Let’s find out what this update has in store! </p> <p><strong>SP Page Builder v5.0.2 changelog</strong>:</p> <ul> <li><strong>New</strong>: Added responsiveness for Flex properties in Div addon</li> <li><strong>Update</strong>: Implemented HTML sanitization in frontend editor to prevent XSS vulnerability</li> <li><strong>Update</strong>: Added tooltips for settings options</li> <li><strong>Fix</strong>: Resolved backend TextField rendering issue when changing devices</li> <li><strong>Fix</strong>: Fixed problem with saving empty div addon mutation</li> <li><strong>Fix</strong>: Addressed slider settings issue after changing devices</li> <li><strong>Fix</strong>: Resolved frontend select z-index problem</li> <li><strong>Fix</strong>: Fixed backend settings runtime error for section index</li> <li><strong>Fix</strong>: Resolved issue with save page API</li> <li><strong>Fix</strong>: Cleaned up row, column, image, and person addon's relative image URI</li> <li><strong>Fix</strong>: Vertical and horizontal alignment issue</li> <li><strong>Fix</strong>: Resolved backslash issue on media attachment from Folders</li> <li><strong>Fix</strong>: Slideshow animation was not working</li> <li><strong>Fix</strong>: Slideshow arrow gap from left and right issue</li> <li><strong>Fix</strong>: Slideshow height issue on mobile device</li> <li><strong>Fix</strong>: Resolved the issue of adding unnecessary links without user input</li> <li><strong>Fix</strong>: Resolved margin issue for the Image Carousel addon</li> <li><strong>Fix</strong>: Width issue for article scroller on window resize</li> <li><strong>Fix</strong>: Carousel pro arrow icon "angle double" issue</li> <li><strong>Fix</strong>: Team Carousel addon link issue</li> <li><strong>Fix</strong>: Ensured target and Rel attributes are not missing in the frontend editor's &lt;a&gt; tag due to DOMPurify</li> <li><strong>Fix</strong>: Improved spacing by detecting legacy data structure</li> <li><strong>Fix</strong>: Addressed other known issues</li> </ul> <h2>Added Responsiveness For Flex Properties</h2> <p>To make sure your website looks stunning on all devices we have the added responsiveness for the flex property in the Div addon. Now, you can effortlessly create flexible and adaptable layouts that seamlessly adjust to various screen sizes.</p> <h2>Implemented HTML Sanitization in the Frontend Editor</h2> <p>In SP Page Builder v5.0.2, we have implemented HTML sanitization in the frontend editor, to mitigate the risk of cross-site scripting (XSS) attacks. Now, you can build and manage your websites without worrying about security.</p> <h2>Bug Fixes &amp; Miscellaneous Improvements</h2> <p>Our team is continuously working on enhancing SP Page Builder's functionality and user-friendliness. In this version, we have fixed several issues such as backend rendering issues with TextField after changing devices, saved empty div addon mutation issues, slider settings inconsistencies, alignment issues, etc. </p> <p>We have also made various improvements, including adding tooltips for settings options, optimizing spacing by detecting legacy data structures, and many more. </p> <div class="alert alert-info"><strong>Note</strong>: The Maximum Container Width in SP Page Builder 5 is now set to 1170px by default, which was previously set to 1140px in SP Page Builder 3 &amp; 4. If you face any issue regarding width, please change the Maximum Container Width back to 1140px from Settings &gt; Options &gt; Advanced. </div> <h2>Wrapping Up</h2> <p>Please update your SP Page Builder to the latest version as soon as possible to enjoy enhanced security and functionalities. We hope the latest changes will contribute to a more refined and efficient website-building experience with SP Page Builder 5.</p> <p>Thank you for your continued support and don’t forget to reach out to us if you encounter any issues while using SP Page Builder! </p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></span></p> SP Page Builder 5.0.1: Strengthening Security and Enhancing Functionality 2023-07-07T20:20:25+00:00 2023-07-07T20:20:25+00:00 https://www.joomshaper.com/blog/sp-page-builder-5-0-1-security-enhancements Sreema sreema1392@gmail.com <p>Good day SP Page Builder users!  We are pleased to announce the release of SP Page Builder 5.0.1, a maintenance update that prioritizes security enhancements and functional improvements. This release addresses important issues reported by our users, ensuring a more secure and reliable website-building experience.</p> <p><b>SP Page Builder v5.0.1 Changelog:</b></p> <ul> <li style="font-weight: 400;" aria-level="1"><b>Update</b><span style="font-weight: 400;">: Improved security measures for the Media Manager.</span></li> <li style="font-weight: 400;" aria-level="1"><b>Update</b><span style="font-weight: 400;">: Upgraded Access Control List (ACL) functionality for the Media Manager.</span></li> <li style="font-weight: 400;" aria-level="1"><b>Update</b><span style="font-weight: 400;">: Enhanced the positioning of frontend portal popovers when docked on the left or right side.</span></li> <li style="font-weight: 400;" aria-level="1"><b>Fix</b><span style="font-weight: 400;">: Resolved the infinite loader issue when working with installed fonts.</span></li> <li style="font-weight: 400;" aria-level="1"><b>Fix</b><span style="font-weight: 400;">: Resolved the issue where pages were not saving due to a null value in the CSS field.</span></li> <li style="font-weight: 400;" aria-level="1"><b>Fix</b><span style="font-weight: 400;">: Resolved a styling issue affecting sections.</span></li> <li style="font-weight: 400;" aria-level="1"><b>Fix</b><span style="font-weight: 400;">: Fixed an error related to an invalid index in the spacing field.</span></li> <li style="font-weight: 400;" aria-level="1"><b>Fix</b><span style="font-weight: 400;">: The custom CSS code for the div addon did not function properly under the custom CSS class.</span></li> </ul> <p>We strongly recommend updating to the latest version, SP Page Builder 5.0.1, as it includes important security enhancements and functional improvements. Please update your installation as soon as possible to ensure a secure and seamless website-building experience.</p> <p>Thank you for your continued support! </p> <p><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></p> <p>Good day SP Page Builder users!  We are pleased to announce the release of SP Page Builder 5.0.1, a maintenance update that prioritizes security enhancements and functional improvements. This release addresses important issues reported by our users, ensuring a more secure and reliable website-building experience.</p> <p><b>SP Page Builder v5.0.1 Changelog:</b></p> <ul> <li style="font-weight: 400;" aria-level="1"><b>Update</b><span style="font-weight: 400;">: Improved security measures for the Media Manager.</span></li> <li style="font-weight: 400;" aria-level="1"><b>Update</b><span style="font-weight: 400;">: Upgraded Access Control List (ACL) functionality for the Media Manager.</span></li> <li style="font-weight: 400;" aria-level="1"><b>Update</b><span style="font-weight: 400;">: Enhanced the positioning of frontend portal popovers when docked on the left or right side.</span></li> <li style="font-weight: 400;" aria-level="1"><b>Fix</b><span style="font-weight: 400;">: Resolved the infinite loader issue when working with installed fonts.</span></li> <li style="font-weight: 400;" aria-level="1"><b>Fix</b><span style="font-weight: 400;">: Resolved the issue where pages were not saving due to a null value in the CSS field.</span></li> <li style="font-weight: 400;" aria-level="1"><b>Fix</b><span style="font-weight: 400;">: Resolved a styling issue affecting sections.</span></li> <li style="font-weight: 400;" aria-level="1"><b>Fix</b><span style="font-weight: 400;">: Fixed an error related to an invalid index in the spacing field.</span></li> <li style="font-weight: 400;" aria-level="1"><b>Fix</b><span style="font-weight: 400;">: The custom CSS code for the div addon did not function properly under the custom CSS class.</span></li> </ul> <p>We strongly recommend updating to the latest version, SP Page Builder 5.0.1, as it includes important security enhancements and functional improvements. Please update your installation as soon as possible to ensure a secure and seamless website-building experience.</p> <p>Thank you for your continued support! </p> <p><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></p> Introducing SP Page Builder 5.0: The Game Changer for Your Joomla Website Building Journey 2023-07-05T04:02:31+00:00 2023-07-05T04:02:31+00:00 https://www.joomshaper.com/blog/sp-page-builder-5 Sreema sreema1392@gmail.com <p><span style="font-weight: 400;">Throughout the journey of SP Page Builder 5.0, we had one clear vision set before us - to minimalize and simplify your Joomla page-building experience. And by that, we mean making our users feel at home with the magnificently simplified backend editor and stepping up the frontend editor with better functionalities. And today we finally see our vision come to life!</span></p> <p><span style="font-weight: 400;">Our heartfelt gratitude goes out to all our users who helped us make SP Page Builder 5.0 even better! From the time we shared a sneak peek of SP Page Builder 5.0 to the final pre-release version, you have shown and showered your love with patience, backed by your constructive feedback and support. </span></p> <p><span style="font-weight: 400;">So today, we are beyond thrilled to announce that SP Page Builder 5.0 stable version is now available to use on your live sites and take your Joomla web-building experience to the next level!</span></p> <blockquote> <p><strong>In case you want to roll back to the previous version from SP Page Builder 5.0, simply uninstall SP Page Builder 5.0 and reinstall SP Page Builder 3.x without losing any of your saved data.</strong></p> </blockquote> <p><span style="font-weight: 400;">Curious about what your experience will be like? Let’s delve into the realm of SP Page Builder 5.0 to find out more!</span></p> <h2>What SP Page Builder 5.0 Has in Store for You</h2> <p><span style="font-weight: 400;">We have combined our knowledge and expertise in crafting a Joomla website builder that will not only uplift how you build your Joomla pages but also saves you valuable time. SP Page Builder 5.0 truly comes with all the amazing and advanced features that will proudly set it apart from the rest. </span></p> <p><span style="font-weight: 400;">But what are the key features that come bundled up with this website builder? Check out the changelog below to find out:</span></p> <p><b>SP Page Builder v5.0 Changelog:</b></p> <ul> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New:</strong> Redesigned backend editor with enhanced user experience</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New:</strong> Improved frontend editor </span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New</strong>: Enhanced sidebar user experience for easier access to Addons, Sections, and Page Settings</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New:</strong> Introduction of the Color Library in the frontend and the backend editor</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New:</strong> Redesign of Color, Typography, and Box Shadow features</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New:</strong> Copy and paste functionality for addons, with "Paste Above", and "Paste Below" options and a shortcut for on-the-go pasting</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New:</strong> Sorting feature in Layouts, making it simpler to locate your desired layout</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New:</strong> Introduced Font Book, a feature allowing Custom and Google font installation</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New:</strong> Implemented a Media Manager in the backend</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New:</strong> Added functionality for sorting saved addons &amp; sections</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New:</strong> Added options to add or remove addons to favorites for faster access</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New:</strong> Added support for CSS variables in the color picker</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New:</strong> Integrated article editing from the backend editor</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New:</strong> Introduced rollback support for the SP Page Builder 3.x series to enhance backward compatibility and facilitate migration from previous versions</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New:</strong> Detected outdated addon structures and implemented warning notifications to prompt users to upgrade to the most recent addon structure</span></li> </ul> <h2>The Backend Editor Reinstated: Smoother and Better!</h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/07/04/Backend-Editor-Reinstated.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p><span style="font-weight: 400;">This time the spotlight is shining bright on SP Page Builder 5.0’s backend editor. In addition to its stunning visual appeal, the backend editor surpasses expectations in terms of its advanced yet easy-to-use functionalities. Here’s what we mean:</span></p> <h3>Redesigned Backend Editor</h3> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/07/05/01-Redesigned-Backend-Editor.jpg" rel="alternate"><img class="img-shadow" title="SP Page Builder 5.0" src="https://www.joomshaper.com/images/2023/07/05/01-Redesigned-Backend-Editor.jpg" alt="SP Page Builder 5.0" /></a></figure> <p><span style="font-weight: 400;">The clean and minimal editing canvas of the backend editor is a real treat to the eyes! How you interact with the backend editor has been reinvented, promising a seamless, fast, and more intuitive interface. </span></p> <h3>Easy Access to Addons, Pre-made Sections, &amp; More</h3> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/07/04/Access-addons-and-saved-sections.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p><span style="font-weight: 400;">To grant you full and easy access to the existing addons, pre-made sections, and other options like Page Layouts, Saved Items, and more, we have introduced a dedicated panel on the left side of the backend editor. </span></p> <p><span style="font-weight: 400;">Plus, we are also waving goodbye to the previous modal popup while adding and editing addons. While adding addons to your created sections simply expand the ‘Add Elements’ option from the left sidebar, drag and drop your addons in the sections, and you are good to go!</span></p> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/07/05/02-Page-Settings.jpg" rel="alternate"><img class="img-shadow" title="SP Page Builder 5.0" src="https://www.joomshaper.com/images/2023/07/05/02-Page-Settings.jpg" alt="SP Page Builder 5.0" /></a></figure> <p><span style="font-weight: 400;">Also, access the Page Settings from the same panel that comes organized in 3 separate tabs to give you a cleaner and smoother experience.</span></p> <h3>Minimalistic Addons &amp; Section Editing Panel</h3> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/07/04/Minimalistic_Rightside_Addon_and_Section_Editing_Panel_.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p><span style="font-weight: 400;">Get ready to embrace a smoother addon and section editing experience with the right-side editing panel. All the settings related to the addon and section will be displayed on the right side of the backend editor canvas. Click on the individual section, columns, and addons to access their related settings.</span></p> <h3>Backend Editing Support for All Addons</h3> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/07/05/03-Backend-Editing-Support-for-All-Addons.jpg" rel="alternate"><img class="img-shadow" title="SP Page Builder 5.0" src="https://www.joomshaper.com/images/2023/07/05/03-Backend-Editing-Support-for-All-Addons.jpg" alt="SP Page Builder 5.0" /></a></figure> <p><span style="font-weight: 400;">We have now added the backend support for all our addons including the complex addons like Tab, Accordion, Table, etc. This means you can now have complete control over all the addons both in the front end as well as the back end. Another step taken forward to skyrocket your productivity like never before!</span></p> <h3>Integration of Article Editing From Frontend &amp; Backend Editor</h3> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/07/05/04-Integration-of-Article-Editing-From-Frontend-Backend-Editor.jpg" rel="alternate"><img class="img-shadow" title="SP Page Builder 5.0" src="https://www.joomshaper.com/images/2023/07/05/04-Integration-of-Article-Editing-From-Frontend-Backend-Editor.jpg" alt="SP Page Builder 5.0" /></a></figure> <p><span style="font-weight: 400;">Get ultra flexibility to edit your Joomla articles using the SP Page Builder 5.0! Simply enable Joomla Articles from the Integration option and check your article from the Joomla dashboard. </span></p> <p><span style="font-weight: 400;">Upon choosing the SP Page Builder option you can choose to edit your article in the frontend editor or the backend editor. </span></p> <h2>Faster, Superior, and Smarter Layout Creation</h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/07/04/Paste_Above_and_Paste_Below.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p><span style="font-weight: 400;">Enjoy the flexibility to copy an addon and paste it anywhere in another section, utilizing the options of “Paste Above” or “Paste Below.” </span></p> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/07/04/Paste_section_and_paste_to_replace_section.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p><span style="font-weight: 400;">In the case of Sections, you can either choose “Paste Section” to insert the copied item directly below the chosen section or choose “Paste to Replace”  to replace the selected section.</span></p> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/07/04/Duplicate-addon-and-sections.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p><span style="font-weight: 400;">The duplicated addon or section will be pasted directly below your copied addon or a copied section.</span></p> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/07/04/Clipboard_pasting_.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p><span style="font-weight: 400;">Have you noticed the little “Clipboard” sign whenever you copy an addon? That's the cutest shortcut to paste your copied addon in the same section or some other section.</span></p> <p><span style="font-weight: 400;">Once you're finished with your copying and pasting, just hit the Quick Clipboard Cleaner to tidy up your clipboard and keep it spick and span!</span></p> <h2>Create Vibrant Possibilities With the Color Library</h2> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/07/05/05-Create-Vibrant-Possibilities-With-the-Color-Library.jpg" rel="alternate"><img class="img-shadow" title="SP Page Builder 5.0" src="https://www.joomshaper.com/images/2023/07/05/05-Create-Vibrant-Possibilities-With-the-Color-Library.jpg" alt="SP Page Builder 5.0" /></a></figure> <p><span style="font-weight: 400;">Say goodbye to the tedious task of entering hex values for your preferred colors every time ultimately slowing down your editing process. Introducing a Color Library that you can personalize! </span></p> <p><span style="font-weight: 400;">You now have the ability to save your favorite colors to the color library and easily access them when selecting colors in your addon's Color Settings. And this feature is available both in the frontend &amp; backend editor.</span></p> <h2>Say Hello to the New Additions - Font Book &amp; Favorite Addons</h2> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/07/05/06-Say-Hello-to-the-New-Additions---Font-Book.jpg" rel="alternate"><img class="img-shadow" title="SP Page Builder 5.0" src="https://www.joomshaper.com/images/2023/07/05/06-Say-Hello-to-the-New-Additions---Font-Book.jpg" alt="SP Page Builder 5.0" /></a></figure> <p><span style="font-weight: 400;">While coming up with SP Page Builder 5.0, our primary focus was to make your experience as convenient as possible. Hence, as a part of that mission, we came up with Font Book to let you install Google Fonts as well as custom fonts. </span></p> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/07/04/Favourite--addons.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p><span style="font-weight: 400;">Quickly access your most frequently used addons by marking them favorites and accessing them from the Favourite section at the top of the Addons list. And the best part? You can easily access these Favourite Addons from both the frontend and backend editors!</span></p> <h2>Improved Front-end Editing Journey</h2> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/07/05/07-Improved-Front-end-Editing-Journey.jpg" rel="alternate"><img class="img-shadow" title="SP Page Builder 5.0" src="https://www.joomshaper.com/images/2023/07/05/07-Improved-Front-end-Editing-Journey.jpg" alt="SP Page Builder 5.0" /></a></figure> <p><span style="font-weight: 400;">Our frontend editor has received love and attention too! The addon editor panel will now shift to the left side instead of displaying the inline editor. All the addons, columns, and row options are systematically arranged into tabs. This will change your front-end editing experience for the better!</span></p> <h2>Indulge in the Enhanced User Experience</h2> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/07/05/08-Indulge-in-the-Enhanced-User-Experience.jpg" rel="alternate"><img class="img-shadow" title="SP Page Builder 5.0" src="https://www.joomshaper.com/images/2023/07/05/08-Indulge-in-the-Enhanced-User-Experience.jpg" alt="SP Page Builder 5.0" /></a></figure> <p><span style="font-weight: 400;">Our main focus during the development of SP Page Builder 5.0 was to provide you with a simple and straightforward solution for building Joomla pages. With this in mind, our dedicated team worked tirelessly to redesign and create a website builder that takes care of the complex tasks, while letting you focus on the simpler ones.</span></p> <p><span style="font-weight: 400;">We paid great attention to the following aspects:</span></p> <ul> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Revamping the backend interface to enhance the user experience with a minimal learning curve.</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Fine-tuning small details to minimize click rates and reduce interaction costs.</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Making it easy for you to locate all the necessary settings effortlessly.</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Providing a complete view of the canvas while editing without distractions.</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Enabling you to drag and rearrange sections throughout the canvas, giving you full control over the layout.</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Offering a preview of color, typography, and box-shadow adjustments, allowing you to visualize the customization with ease.</span></li> </ul> <h2>Don’t Let the Delightful Release Offer Slip Away!</h2> <p><span style="font-weight: 400;">Get ready to celebrate the release with extra grandeur! Enjoy a flat <strong>50% OFF</strong> for any membership/subscription. No coupons are needed. Your discount will automatically apply once you add your plan to the cart!</span></p> <p><span style="font-weight: 400;">The discount is for a limited time only. Hurry up and grab the deal now! </span></p> <h2>Experience the Magic of SP Page Builder 5.0 Now</h2> <p><span style="font-weight: 400;">Over to you and your creative exploration! Be ready to be amazed by the reimagined SP Page Builder 5.0, perfectly designed to match your boundless imagination! Rest assured, your Joomla web-building journey with SP Page Builder 5.0 will exceed your expectations and make it better than ever before!</span></p> <p><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></p> <p><span style="font-weight: 400;">Throughout the journey of SP Page Builder 5.0, we had one clear vision set before us - to minimalize and simplify your Joomla page-building experience. And by that, we mean making our users feel at home with the magnificently simplified backend editor and stepping up the frontend editor with better functionalities. And today we finally see our vision come to life!</span></p> <p><span style="font-weight: 400;">Our heartfelt gratitude goes out to all our users who helped us make SP Page Builder 5.0 even better! From the time we shared a sneak peek of SP Page Builder 5.0 to the final pre-release version, you have shown and showered your love with patience, backed by your constructive feedback and support. </span></p> <p><span style="font-weight: 400;">So today, we are beyond thrilled to announce that SP Page Builder 5.0 stable version is now available to use on your live sites and take your Joomla web-building experience to the next level!</span></p> <blockquote> <p><strong>In case you want to roll back to the previous version from SP Page Builder 5.0, simply uninstall SP Page Builder 5.0 and reinstall SP Page Builder 3.x without losing any of your saved data.</strong></p> </blockquote> <p><span style="font-weight: 400;">Curious about what your experience will be like? Let’s delve into the realm of SP Page Builder 5.0 to find out more!</span></p> <h2>What SP Page Builder 5.0 Has in Store for You</h2> <p><span style="font-weight: 400;">We have combined our knowledge and expertise in crafting a Joomla website builder that will not only uplift how you build your Joomla pages but also saves you valuable time. SP Page Builder 5.0 truly comes with all the amazing and advanced features that will proudly set it apart from the rest. </span></p> <p><span style="font-weight: 400;">But what are the key features that come bundled up with this website builder? Check out the changelog below to find out:</span></p> <p><b>SP Page Builder v5.0 Changelog:</b></p> <ul> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New:</strong> Redesigned backend editor with enhanced user experience</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New:</strong> Improved frontend editor </span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New</strong>: Enhanced sidebar user experience for easier access to Addons, Sections, and Page Settings</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New:</strong> Introduction of the Color Library in the frontend and the backend editor</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New:</strong> Redesign of Color, Typography, and Box Shadow features</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New:</strong> Copy and paste functionality for addons, with "Paste Above", and "Paste Below" options and a shortcut for on-the-go pasting</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New:</strong> Sorting feature in Layouts, making it simpler to locate your desired layout</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New:</strong> Introduced Font Book, a feature allowing Custom and Google font installation</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New:</strong> Implemented a Media Manager in the backend</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New:</strong> Added functionality for sorting saved addons &amp; sections</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New:</strong> Added options to add or remove addons to favorites for faster access</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New:</strong> Added support for CSS variables in the color picker</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New:</strong> Integrated article editing from the backend editor</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New:</strong> Introduced rollback support for the SP Page Builder 3.x series to enhance backward compatibility and facilitate migration from previous versions</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><strong>New:</strong> Detected outdated addon structures and implemented warning notifications to prompt users to upgrade to the most recent addon structure</span></li> </ul> <h2>The Backend Editor Reinstated: Smoother and Better!</h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/07/04/Backend-Editor-Reinstated.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p><span style="font-weight: 400;">This time the spotlight is shining bright on SP Page Builder 5.0’s backend editor. In addition to its stunning visual appeal, the backend editor surpasses expectations in terms of its advanced yet easy-to-use functionalities. Here’s what we mean:</span></p> <h3>Redesigned Backend Editor</h3> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/07/05/01-Redesigned-Backend-Editor.jpg" rel="alternate"><img class="img-shadow" title="SP Page Builder 5.0" src="https://www.joomshaper.com/images/2023/07/05/01-Redesigned-Backend-Editor.jpg" alt="SP Page Builder 5.0" /></a></figure> <p><span style="font-weight: 400;">The clean and minimal editing canvas of the backend editor is a real treat to the eyes! How you interact with the backend editor has been reinvented, promising a seamless, fast, and more intuitive interface. </span></p> <h3>Easy Access to Addons, Pre-made Sections, &amp; More</h3> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/07/04/Access-addons-and-saved-sections.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p><span style="font-weight: 400;">To grant you full and easy access to the existing addons, pre-made sections, and other options like Page Layouts, Saved Items, and more, we have introduced a dedicated panel on the left side of the backend editor. </span></p> <p><span style="font-weight: 400;">Plus, we are also waving goodbye to the previous modal popup while adding and editing addons. While adding addons to your created sections simply expand the ‘Add Elements’ option from the left sidebar, drag and drop your addons in the sections, and you are good to go!</span></p> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/07/05/02-Page-Settings.jpg" rel="alternate"><img class="img-shadow" title="SP Page Builder 5.0" src="https://www.joomshaper.com/images/2023/07/05/02-Page-Settings.jpg" alt="SP Page Builder 5.0" /></a></figure> <p><span style="font-weight: 400;">Also, access the Page Settings from the same panel that comes organized in 3 separate tabs to give you a cleaner and smoother experience.</span></p> <h3>Minimalistic Addons &amp; Section Editing Panel</h3> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/07/04/Minimalistic_Rightside_Addon_and_Section_Editing_Panel_.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p><span style="font-weight: 400;">Get ready to embrace a smoother addon and section editing experience with the right-side editing panel. All the settings related to the addon and section will be displayed on the right side of the backend editor canvas. Click on the individual section, columns, and addons to access their related settings.</span></p> <h3>Backend Editing Support for All Addons</h3> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/07/05/03-Backend-Editing-Support-for-All-Addons.jpg" rel="alternate"><img class="img-shadow" title="SP Page Builder 5.0" src="https://www.joomshaper.com/images/2023/07/05/03-Backend-Editing-Support-for-All-Addons.jpg" alt="SP Page Builder 5.0" /></a></figure> <p><span style="font-weight: 400;">We have now added the backend support for all our addons including the complex addons like Tab, Accordion, Table, etc. This means you can now have complete control over all the addons both in the front end as well as the back end. Another step taken forward to skyrocket your productivity like never before!</span></p> <h3>Integration of Article Editing From Frontend &amp; Backend Editor</h3> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/07/05/04-Integration-of-Article-Editing-From-Frontend-Backend-Editor.jpg" rel="alternate"><img class="img-shadow" title="SP Page Builder 5.0" src="https://www.joomshaper.com/images/2023/07/05/04-Integration-of-Article-Editing-From-Frontend-Backend-Editor.jpg" alt="SP Page Builder 5.0" /></a></figure> <p><span style="font-weight: 400;">Get ultra flexibility to edit your Joomla articles using the SP Page Builder 5.0! Simply enable Joomla Articles from the Integration option and check your article from the Joomla dashboard. </span></p> <p><span style="font-weight: 400;">Upon choosing the SP Page Builder option you can choose to edit your article in the frontend editor or the backend editor. </span></p> <h2>Faster, Superior, and Smarter Layout Creation</h2> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/07/04/Paste_Above_and_Paste_Below.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p><span style="font-weight: 400;">Enjoy the flexibility to copy an addon and paste it anywhere in another section, utilizing the options of “Paste Above” or “Paste Below.” </span></p> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/07/04/Paste_section_and_paste_to_replace_section.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p><span style="font-weight: 400;">In the case of Sections, you can either choose “Paste Section” to insert the copied item directly below the chosen section or choose “Paste to Replace”  to replace the selected section.</span></p> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/07/04/Duplicate-addon-and-sections.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p><span style="font-weight: 400;">The duplicated addon or section will be pasted directly below your copied addon or a copied section.</span></p> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/07/04/Clipboard_pasting_.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p><span style="font-weight: 400;">Have you noticed the little “Clipboard” sign whenever you copy an addon? That's the cutest shortcut to paste your copied addon in the same section or some other section.</span></p> <p><span style="font-weight: 400;">Once you're finished with your copying and pasting, just hit the Quick Clipboard Cleaner to tidy up your clipboard and keep it spick and span!</span></p> <h2>Create Vibrant Possibilities With the Color Library</h2> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/07/05/05-Create-Vibrant-Possibilities-With-the-Color-Library.jpg" rel="alternate"><img class="img-shadow" title="SP Page Builder 5.0" src="https://www.joomshaper.com/images/2023/07/05/05-Create-Vibrant-Possibilities-With-the-Color-Library.jpg" alt="SP Page Builder 5.0" /></a></figure> <p><span style="font-weight: 400;">Say goodbye to the tedious task of entering hex values for your preferred colors every time ultimately slowing down your editing process. Introducing a Color Library that you can personalize! </span></p> <p><span style="font-weight: 400;">You now have the ability to save your favorite colors to the color library and easily access them when selecting colors in your addon's Color Settings. And this feature is available both in the frontend &amp; backend editor.</span></p> <h2>Say Hello to the New Additions - Font Book &amp; Favorite Addons</h2> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/07/05/06-Say-Hello-to-the-New-Additions---Font-Book.jpg" rel="alternate"><img class="img-shadow" title="SP Page Builder 5.0" src="https://www.joomshaper.com/images/2023/07/05/06-Say-Hello-to-the-New-Additions---Font-Book.jpg" alt="SP Page Builder 5.0" /></a></figure> <p><span style="font-weight: 400;">While coming up with SP Page Builder 5.0, our primary focus was to make your experience as convenient as possible. Hence, as a part of that mission, we came up with Font Book to let you install Google Fonts as well as custom fonts. </span></p> <p><video class="img-shadow" src="https://www.joomshaper.com/media/videos/2023/07/04/Favourite--addons.mp4" autoplay="autoplay" loop="loop" muted="" width="100%" height="auto"></video></p> <p><span style="font-weight: 400;">Quickly access your most frequently used addons by marking them favorites and accessing them from the Favourite section at the top of the Addons list. And the best part? You can easily access these Favourite Addons from both the frontend and backend editors!</span></p> <h2>Improved Front-end Editing Journey</h2> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/07/05/07-Improved-Front-end-Editing-Journey.jpg" rel="alternate"><img class="img-shadow" title="SP Page Builder 5.0" src="https://www.joomshaper.com/images/2023/07/05/07-Improved-Front-end-Editing-Journey.jpg" alt="SP Page Builder 5.0" /></a></figure> <p><span style="font-weight: 400;">Our frontend editor has received love and attention too! The addon editor panel will now shift to the left side instead of displaying the inline editor. All the addons, columns, and row options are systematically arranged into tabs. This will change your front-end editing experience for the better!</span></p> <h2>Indulge in the Enhanced User Experience</h2> <figure><a class="simple-popup" href="https://www.joomshaper.com/images/2023/07/05/08-Indulge-in-the-Enhanced-User-Experience.jpg" rel="alternate"><img class="img-shadow" title="SP Page Builder 5.0" src="https://www.joomshaper.com/images/2023/07/05/08-Indulge-in-the-Enhanced-User-Experience.jpg" alt="SP Page Builder 5.0" /></a></figure> <p><span style="font-weight: 400;">Our main focus during the development of SP Page Builder 5.0 was to provide you with a simple and straightforward solution for building Joomla pages. With this in mind, our dedicated team worked tirelessly to redesign and create a website builder that takes care of the complex tasks, while letting you focus on the simpler ones.</span></p> <p><span style="font-weight: 400;">We paid great attention to the following aspects:</span></p> <ul> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Revamping the backend interface to enhance the user experience with a minimal learning curve.</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Fine-tuning small details to minimize click rates and reduce interaction costs.</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Making it easy for you to locate all the necessary settings effortlessly.</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Providing a complete view of the canvas while editing without distractions.</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Enabling you to drag and rearrange sections throughout the canvas, giving you full control over the layout.</span></li> <li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Offering a preview of color, typography, and box-shadow adjustments, allowing you to visualize the customization with ease.</span></li> </ul> <h2>Don’t Let the Delightful Release Offer Slip Away!</h2> <p><span style="font-weight: 400;">Get ready to celebrate the release with extra grandeur! Enjoy a flat <strong>50% OFF</strong> for any membership/subscription. No coupons are needed. Your discount will automatically apply once you add your plan to the cart!</span></p> <p><span style="font-weight: 400;">The discount is for a limited time only. Hurry up and grab the deal now! </span></p> <h2>Experience the Magic of SP Page Builder 5.0 Now</h2> <p><span style="font-weight: 400;">Over to you and your creative exploration! Be ready to be amazed by the reimagined SP Page Builder 5.0, perfectly designed to match your boundless imagination! Rest assured, your Joomla web-building journey with SP Page Builder 5.0 will exceed your expectations and make it better than ever before!</span></p> <p><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder 5</a><a class="btn btn-outline-primary" href="https://try.sppagebuilder.com/index.php/edit/1" target="_blank" rel="noopener noreferrer">Live Demo</a></p> Introducing Woodland - A Free Layout Bundle for All SP Page Builder Pro Users 2023-06-14T16:09:17+00:00 2023-06-14T16:09:17+00:00 https://www.joomshaper.com/blog/woodland-layout-bundle Zareen Tasnim zareen.fatema14@gmail.com <p><span style="font-weight: 400;">Looking to create an online presence for your woodworking business? Look no further! Let us introduce the Woodland Layout Bundle—a free layout bundle for all SP Page Builder Pro 4.x users. </span></p> <p><span style="font-weight: 400;">Whether you specialize in custom furniture, intricate carvings, or elegant cabinetry, with this bundle you can effortlessly build a stunning website that showcases your craftsmanship and boosts your business's visibility. </span></p> <p><span style="font-weight: 400;">Let’s explore the layout bundle in detail. </span></p> <blockquote> <p>Please update your SP Page Builder Pro 4 to the latest version in order to import this layout bundle.</p> </blockquote> <h2><span style="font-weight: 400;">What’s in Woodland Layout Bundle?</span></h2> <p><span style="font-weight: 400;">The Woodland layout bundle comes with 6 ready pages that are highly customizable allowing you to modify colors, fonts, images, and content to align with your branding and specific needs. </span></p> <p><span style="font-weight: 400;">The all-new Woodland layout bundle comes with the following premade pages: </span></p> <ol> <li style="font-weight: 400;" aria-level="1"><a href="https://sppagebuilder.com/woodland-home" target="_blank" rel="noopener"><span style="font-weight: 400;">Home</span></a></li> <li style="font-weight: 400;" aria-level="1"><a href="https://sppagebuilder.com/woodland-about-us" target="_blank" rel="noopener"><span style="font-weight: 400;">About Us</span></a></li> <li style="font-weight: 400;" aria-level="1"><a href="https://sppagebuilder.com/woodland-services" target="_blank" rel="noopener"><span style="font-weight: 400;">Services</span></a></li> <li style="font-weight: 400;" aria-level="1"><a href="https://sppagebuilder.com/woodland-services/woodland-service-details" target="_blank" rel="noopener"><span style="font-weight: 400;">Service Details</span></a></li> <li style="font-weight: 400;" aria-level="1"><a href="https://sppagebuilder.com/woodland-projects" target="_blank" rel="noopener"><span style="font-weight: 400;">Projects</span></a></li> <li style="font-weight: 400;" aria-level="1"><a href="https://sppagebuilder.com/woodland-contact-us" target="_blank" rel="noopener"><span style="font-weight: 400;">Contact Us</span></a></li> </ol> <h2><a href="https://sppagebuilder.com/woodland-home" target="_blank" rel="noopener"><span style="font-weight: 400;">Home</span></a></h2> <figure><a class="simple-popup" href="https://sppagebuilder.com/woodland-home" target="_blank" rel="alternate noopener"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/06/11/Homepage.jpg" alt="Woodworking layout bundle" /></a></figure> <p><span style="font-weight: 400;">Captivate your prospects right from the start with a stunning home page. Showcase your finest craftsmanship through carefully curated glimpses of your works and services. The Home page provides a preview of what your business has to offer, ensuring easy navigation, an intuitive layout, and fast-loading elements.</span></p> <h2><a href="https://sppagebuilder.com/woodland-about-us" target="_blank" rel="noopener"><span style="font-weight: 400;">About Us</span></a></h2> <figure><a class="simple-popup" href="https://sppagebuilder.com/woodland-about-us" target="_blank" rel="alternate noopener"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/06/11/About-us.jpg" alt="Woodworking layout bundle" /></a></figure> <p><span style="font-weight: 400;">Convey the values and mission of your business with the About page of the Woodland layout bundle. Introduce your team members with professional images, names, and designations, showcasing the expertise and talent behind your craft. What’s more? Utilize the video section to artfully present your business's story.</span></p> <h2><a href="https://sppagebuilder.com/woodland-services" target="_blank" rel="noopener"><span style="font-weight: 400;">Services</span></a></h2> <figure><a class="simple-popup" href="https://sppagebuilder.com/woodland-services" target="_blank" rel="noopener"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/06/11/Services-1.jpg" alt="Woodworking layout bundle" /></a></figure> <p><span style="font-weight: 400;">The Services page offers a clean layout, accompanied by display images and descriptions for each service that creates an elegant presentation. Ensure seamless navigation and encourage visitors to explore all your services with a well-thought layout and CTAs. </span></p> <h2><a href="https://sppagebuilder.com/woodland-services/woodland-service-details" target="_blank" rel="noopener"><span style="font-weight: 400;">Service Details</span></a></h2> <figure><a class="simple-popup" href="https://sppagebuilder.com/woodland-services/woodland-service-details" target="_blank" rel="alternate noopener"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/06/11/Services-Details.jpg" alt="Woodworking layout bundle" /></a></figure> <p><span style="font-weight: 400;">The Service Details page allows visitors to delve into each service's intricacies and benefits. It lets you present comprehensive information about your services, what you offer, and how it can meet your client’s needs.</span></p> <h2><a href="https://sppagebuilder.com/woodland-projects" target="_blank" rel="noopener"><span style="font-weight: 400;">Projects</span></a></h2> <figure><a class="simple-popup" href="https://sppagebuilder.com/woodland-projects" target="_blank" rel="noopener"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/06/11/Projects-Page.jpg" alt="Woodworking layout bundle" /></a></figure> <p><span style="font-weight: 400;">The Projects page serves as a centralized hub where you can showcase all your past and ongoing projects. Display your work through captivating images and descriptions to envision the quality of your woodwork. Effectively highlight your expertise, attract new clients, and establish your business as a reputable woodwork provider.</span></p> <h2><a href="https://sppagebuilder.com/woodland-contact-us" target="_blank" rel="noopener"><span style="font-weight: 400;">Contact Us</span></a></h2> <figure><a class="simple-popup" href="https://sppagebuilder.com/woodland-contact-us" target="_blank" rel="alternate noopener"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/06/11/Contact-Us.jpg" alt="Woodworking layout bundle" /></a></figure> <p><span style="font-weight: 400;">The Contact page of the Woodland Layout Bundle allows people to easily reach out to you through an intuitive contact form. Additionally, a map feature is provided to pinpoint your location, making it convenient for potential customers to find your store or workshop.</span></p> <h2>Fine-tune Your Page Style With Ease</h2> <p><span style="font-weight: 400;">Achieve consistent styles within your page by utilizing custom CSS to override the default styles. Follow these simple steps to apply your desired styles:</span></p> <ol> <li style="font-weight: 400;"><span style="font-weight: 400;">Open the layout page in the SP Page Builder editor mode.</span></li> <li style="font-weight: 400;"><span style="font-weight: 400;">Navigate to Options &gt; Page CSS &gt; Custom CSS.</span></li> <li style="font-weight: 400;"><span style="font-weight: 400;">Add the following code snippet to change the page color:</span></li> </ol> <pre class="language-css"><code> :root { --link-color: #88565A; } </code></pre> <p>Feel free to modify the color value to match your preferred choice. This will update the color throughout the page, ensuring a consistent and cohesive look.</p> <p>If you wish to modify the color of the icon images to maintain design consistency, you can do that too. Start by <a href="https://isotropic.co/tool/hex-color-to-css-filter/">converting your desired color to a CSS filter</a>. Once you have the filter, add it to the code as shown below:</p> <pre class="language-css"><code> .set-image-color img { filter: invert(36%) sepia(9%) saturate(1741%) hue-rotate(306deg) brightness(101%) contrast(91%); } </code></pre> <p><span style="font-weight: 400;">By applying this code, the color of the icon images will be adjusted to match your preferred color, further enhancing the visual consistency across the entire page.</span></p> <h2>How to Access &amp; Import a Layout Bundle?</h2> <p>All of the SP Page Builder Pro users, <a href="https://www.joomshaper.com/documentation/sp-page-builder/sp-page-builder-3/basic-information-requirements" target="_blank" rel="noopener noreferrer">upon configuring the license key</a>, can access, explore, and import any <a href="https://www.joomshaper.com/page-builder/layouts" target="_blank" rel="noopener noreferrer">layout bundle</a>.</p> <p>In order to get the latest layout bundle, you need to update SP Page Builder Pro to the latest version. To get a step-by-step guideline on how to access and import a layout bundle, please visit this <a href="https://www.joomshaper.com/documentation/sp-page-builder/sp-page-builder-4#documentation-heading-1_15" target="_blank" rel="noopener noreferrer">documentation page</a>.</p> <p><span style="font-weight: 400;">Take the leap and try our brand-new Woodland Layout Bundle today. With its stunning designs, you'll not only speed up conversions but also leave your competitors in the sawdust!  </span></p> <p><span style="font-weight: 400;">Happy crafting! </span></p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder/layouts" target="_blank" rel="noopener noreferrer">Browse Layout Bundles</a><a class="btn btn-outline-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder Pro</a></span></p> <p><span style="font-weight: 400;">Looking to create an online presence for your woodworking business? Look no further! Let us introduce the Woodland Layout Bundle—a free layout bundle for all SP Page Builder Pro 4.x users. </span></p> <p><span style="font-weight: 400;">Whether you specialize in custom furniture, intricate carvings, or elegant cabinetry, with this bundle you can effortlessly build a stunning website that showcases your craftsmanship and boosts your business's visibility. </span></p> <p><span style="font-weight: 400;">Let’s explore the layout bundle in detail. </span></p> <blockquote> <p>Please update your SP Page Builder Pro 4 to the latest version in order to import this layout bundle.</p> </blockquote> <h2><span style="font-weight: 400;">What’s in Woodland Layout Bundle?</span></h2> <p><span style="font-weight: 400;">The Woodland layout bundle comes with 6 ready pages that are highly customizable allowing you to modify colors, fonts, images, and content to align with your branding and specific needs. </span></p> <p><span style="font-weight: 400;">The all-new Woodland layout bundle comes with the following premade pages: </span></p> <ol> <li style="font-weight: 400;" aria-level="1"><a href="https://sppagebuilder.com/woodland-home" target="_blank" rel="noopener"><span style="font-weight: 400;">Home</span></a></li> <li style="font-weight: 400;" aria-level="1"><a href="https://sppagebuilder.com/woodland-about-us" target="_blank" rel="noopener"><span style="font-weight: 400;">About Us</span></a></li> <li style="font-weight: 400;" aria-level="1"><a href="https://sppagebuilder.com/woodland-services" target="_blank" rel="noopener"><span style="font-weight: 400;">Services</span></a></li> <li style="font-weight: 400;" aria-level="1"><a href="https://sppagebuilder.com/woodland-services/woodland-service-details" target="_blank" rel="noopener"><span style="font-weight: 400;">Service Details</span></a></li> <li style="font-weight: 400;" aria-level="1"><a href="https://sppagebuilder.com/woodland-projects" target="_blank" rel="noopener"><span style="font-weight: 400;">Projects</span></a></li> <li style="font-weight: 400;" aria-level="1"><a href="https://sppagebuilder.com/woodland-contact-us" target="_blank" rel="noopener"><span style="font-weight: 400;">Contact Us</span></a></li> </ol> <h2><a href="https://sppagebuilder.com/woodland-home" target="_blank" rel="noopener"><span style="font-weight: 400;">Home</span></a></h2> <figure><a class="simple-popup" href="https://sppagebuilder.com/woodland-home" target="_blank" rel="alternate noopener"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/06/11/Homepage.jpg" alt="Woodworking layout bundle" /></a></figure> <p><span style="font-weight: 400;">Captivate your prospects right from the start with a stunning home page. Showcase your finest craftsmanship through carefully curated glimpses of your works and services. The Home page provides a preview of what your business has to offer, ensuring easy navigation, an intuitive layout, and fast-loading elements.</span></p> <h2><a href="https://sppagebuilder.com/woodland-about-us" target="_blank" rel="noopener"><span style="font-weight: 400;">About Us</span></a></h2> <figure><a class="simple-popup" href="https://sppagebuilder.com/woodland-about-us" target="_blank" rel="alternate noopener"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/06/11/About-us.jpg" alt="Woodworking layout bundle" /></a></figure> <p><span style="font-weight: 400;">Convey the values and mission of your business with the About page of the Woodland layout bundle. Introduce your team members with professional images, names, and designations, showcasing the expertise and talent behind your craft. What’s more? Utilize the video section to artfully present your business's story.</span></p> <h2><a href="https://sppagebuilder.com/woodland-services" target="_blank" rel="noopener"><span style="font-weight: 400;">Services</span></a></h2> <figure><a class="simple-popup" href="https://sppagebuilder.com/woodland-services" target="_blank" rel="noopener"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/06/11/Services-1.jpg" alt="Woodworking layout bundle" /></a></figure> <p><span style="font-weight: 400;">The Services page offers a clean layout, accompanied by display images and descriptions for each service that creates an elegant presentation. Ensure seamless navigation and encourage visitors to explore all your services with a well-thought layout and CTAs. </span></p> <h2><a href="https://sppagebuilder.com/woodland-services/woodland-service-details" target="_blank" rel="noopener"><span style="font-weight: 400;">Service Details</span></a></h2> <figure><a class="simple-popup" href="https://sppagebuilder.com/woodland-services/woodland-service-details" target="_blank" rel="alternate noopener"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/06/11/Services-Details.jpg" alt="Woodworking layout bundle" /></a></figure> <p><span style="font-weight: 400;">The Service Details page allows visitors to delve into each service's intricacies and benefits. It lets you present comprehensive information about your services, what you offer, and how it can meet your client’s needs.</span></p> <h2><a href="https://sppagebuilder.com/woodland-projects" target="_blank" rel="noopener"><span style="font-weight: 400;">Projects</span></a></h2> <figure><a class="simple-popup" href="https://sppagebuilder.com/woodland-projects" target="_blank" rel="noopener"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/06/11/Projects-Page.jpg" alt="Woodworking layout bundle" /></a></figure> <p><span style="font-weight: 400;">The Projects page serves as a centralized hub where you can showcase all your past and ongoing projects. Display your work through captivating images and descriptions to envision the quality of your woodwork. Effectively highlight your expertise, attract new clients, and establish your business as a reputable woodwork provider.</span></p> <h2><a href="https://sppagebuilder.com/woodland-contact-us" target="_blank" rel="noopener"><span style="font-weight: 400;">Contact Us</span></a></h2> <figure><a class="simple-popup" href="https://sppagebuilder.com/woodland-contact-us" target="_blank" rel="alternate noopener"><img class="img-shadow" src="https://www.joomshaper.com/images/2023/06/11/Contact-Us.jpg" alt="Woodworking layout bundle" /></a></figure> <p><span style="font-weight: 400;">The Contact page of the Woodland Layout Bundle allows people to easily reach out to you through an intuitive contact form. Additionally, a map feature is provided to pinpoint your location, making it convenient for potential customers to find your store or workshop.</span></p> <h2>Fine-tune Your Page Style With Ease</h2> <p><span style="font-weight: 400;">Achieve consistent styles within your page by utilizing custom CSS to override the default styles. Follow these simple steps to apply your desired styles:</span></p> <ol> <li style="font-weight: 400;"><span style="font-weight: 400;">Open the layout page in the SP Page Builder editor mode.</span></li> <li style="font-weight: 400;"><span style="font-weight: 400;">Navigate to Options &gt; Page CSS &gt; Custom CSS.</span></li> <li style="font-weight: 400;"><span style="font-weight: 400;">Add the following code snippet to change the page color:</span></li> </ol> <pre class="language-css"><code> :root { --link-color: #88565A; } </code></pre> <p>Feel free to modify the color value to match your preferred choice. This will update the color throughout the page, ensuring a consistent and cohesive look.</p> <p>If you wish to modify the color of the icon images to maintain design consistency, you can do that too. Start by <a href="https://isotropic.co/tool/hex-color-to-css-filter/">converting your desired color to a CSS filter</a>. Once you have the filter, add it to the code as shown below:</p> <pre class="language-css"><code> .set-image-color img { filter: invert(36%) sepia(9%) saturate(1741%) hue-rotate(306deg) brightness(101%) contrast(91%); } </code></pre> <p><span style="font-weight: 400;">By applying this code, the color of the icon images will be adjusted to match your preferred color, further enhancing the visual consistency across the entire page.</span></p> <h2>How to Access &amp; Import a Layout Bundle?</h2> <p>All of the SP Page Builder Pro users, <a href="https://www.joomshaper.com/documentation/sp-page-builder/sp-page-builder-3/basic-information-requirements" target="_blank" rel="noopener noreferrer">upon configuring the license key</a>, can access, explore, and import any <a href="https://www.joomshaper.com/page-builder/layouts" target="_blank" rel="noopener noreferrer">layout bundle</a>.</p> <p>In order to get the latest layout bundle, you need to update SP Page Builder Pro to the latest version. To get a step-by-step guideline on how to access and import a layout bundle, please visit this <a href="https://www.joomshaper.com/documentation/sp-page-builder/sp-page-builder-4#documentation-heading-1_15" target="_blank" rel="noopener noreferrer">documentation page</a>.</p> <p><span style="font-weight: 400;">Take the leap and try our brand-new Woodland Layout Bundle today. With its stunning designs, you'll not only speed up conversions but also leave your competitors in the sawdust!  </span></p> <p><span style="font-weight: 400;">Happy crafting! </span></p> <p><span style="font-weight: 400;"><a class="btn btn-primary" href="https://www.joomshaper.com/page-builder/layouts" target="_blank" rel="noopener noreferrer">Browse Layout Bundles</a><a class="btn btn-outline-primary" href="https://www.joomshaper.com/page-builder" target="_blank" rel="noopener noreferrer">Get SP Page Builder Pro</a></span></p>