Hi There,
Richard here again from the PageFly team! We are thrilled to announce the release of PageFly version 4.14.0! This update brings a suite of new features and improvements designed to elevate your website-building experience to the next level.
From migrating modals to popovers to enhancing product media capabilities, this version is packed with updates that will help you create stunning and high-performing pages more efficiently. Let’s dive into the details of what’s new in PageFly 4.14.0.
Migrate Modal to Popover
Update popover for these progress/functions
Save page/Section
Saved notification by default:
For the Product and Collection pages, if the page hasn't been assigned to at least one product/collection, the popover will show the "Select products/collections" option.
3rd-Party Elements with API Key
Updated new popover with 3rd party elements:
- Avada Marketing Automation Form
- Hulk Form Builder
- Quikify - Contact Form Builder
Storefront Password Modal
When the "Enable Theme styling" option is turned on, the Storefront password modal will show up right in the editor.
Improve Some Elements
Improve Helper for Frontend Elements
- Move "PageFly Helper script" to "Theme App Extension":
- The Theme app extension will include all helper JS code for all sections on the page, which will help the page work and improve performance with the current PF version. This is the most important!
- If the customer still has pages in versions 1 and 2, the theme app extension won't apply to them. These old pages will still work with old versions.
Old version:
New version:
- Add an alert message in the Dashboard and Editor to ask users to turn on the PageFly Theme Extension if they haven't turned it on.
- Users can enable the theme app extension right inside the app instead of going to Theme > App embed.
Improve Product Media Demonstration Capabilities
- Add "media types" for the Main media. There are 2 types: slideshow and single-image
- Update UI for Pagination 2 and 3 with media items > 7.
- The UI can be collapsed or minimized when the width of the main media decreases.
- Improve the pinch-to-zoom mechanism, add 'Click or tap to zoom' text, and enable swiping on the media list on mobile view.
Improve Product Media, Blog Details Image, and Collection Details' Image Loading
Improve the mechanism for loading and displaying image quality on different devices.Add 3 settings for these elements:
- Lazy loading: Images are only loaded and displayed when they enter the user's visible viewport. This helps to increase PageSpeed.
- Eager: Prioritize loading images as early as possible when the page loads. This helps to improve LCP (Largest Contentful Paint).
- Standard: Improve user experience.
Make Product Details Quantity Input and Buttons Accessible
Add aria-label to the following elements: Add to cart button, quantity input, decrease/increase buttons of Product Details to:- Ensure that pages built with PageFly can be used and accessed by everyone, including people with disabilities.
- Enhance the user experience.
Example using VoiceOver:
Old version:
New version:
Refine Saved Sections Feature
- The "Save Section" function will create a screenshot of the section whenever the section has been published as the preview image and save the captured image to Shopify Media files.
Improve Blog Post Elements
- Add source Auto for all elements in the Blog post elements catalog (apply for Blog post page only).
- Add 2 new elements to the blog post elements catalog: Blog post tag and blog post comment.
Improve the UX of the Blog Page
- Create an additional sub-parameter for the auto source to differentiate between auto-following a blog page and a blog detail.
- Update the author of Blog pages created by PageFly to "PageFly" instead of "Shopify API".
- Allow editing of the title of a Blog article within the Blog Title element.
- Display a notification for the disabled state of comments in the Editor.
Final thoughts
With PageFly 4.14.0, your ability to customize and enhance your Shopify store grows even stronger.
As always, we're here to support you 24/7 every step of the way. So dive into these new features, explore the benefits they bring, and let us know how they work for you.
We are committed to improving PageFly based on your feedback and needs.
Please visit our PageFly Blog for an overview of our prior PageFly upgrades. Stay tuned for our latest version updates:
- PageFly 4.13.0: Mobile Layout, Performance and UX updates
- PageFly 4.12.0: Speedier Icons, App Block Boost, 3 New App Integrations Coming with Exclusive Deals!
- PageFly 4.11.0: Global Style Update, New Product Variant Meta field, and 16 New App Integrations
- PageFly 4.10.0: Boost Up Store Performance with New 6 Integrations
- PageFly 4.9.1: Sync Multi-Platform Reviews. Skyrocket Sales with Bundles
