DEV Community

Cover image for Hyva release version: 1.3.10 for performance and User experience
Mansi Paghadal
Mansi Paghadal

Posted on

Hyva release version: 1.3.10 for performance and User experience

Hyva Themes continues to lead the way in Magento front-end development with the release of version 1.3.10, focusing on enhanced performance and user experience. This update brings exciting features, including PageBuilder improvements and experimental page transitions, designed to streamline workflows and create dynamic e-commerce experiences.

In this blog, we’ll explore the key enhancements and guide you on how to implement them for your Magento store.

PageBuilder Improvements:

Magento 2 Page Builder is a powerful content creation tool that simplifies the process of designing and managing content pages for Magento stores.

  1. It’s intuitive drag-and-drop interface.

  2. PageBuilder allows users to create dynamic and visual layouts without requiring extensive technical knowledge or coding skills.

  3. PageBuilder allows users a wide range of customizable content types, including banners, sliders, product carousels, and static blocks.

  4. We can integrate directly into the Magento admin panel

  5. Page Builder ensures seamless workflow and real-time previews and op
    timizing site performance.

Image SRC

Previously we were unable to add dimensions and Lazy loading in the image src which one upload via PageBuilder. After upgrading to the latest Hyva we can easily add image dimensions and enable Lazy loading from admin configuration. You just need to follow the following steps.

  1. Login to the admin panel and create a new CMS static block.
  2. Drag image from the left panel and upload mobile and desktop images
  3. Enable Lazy Loading.
  4. If you want to use native image dimensions, enable it.
  5. If youwant to use different image height and width just disable Use native image dimensions and add your image dimensions.

Image description

Background Image

Previously we were unable to add Lazy loading in the background images which one upload via PageBuilder. After upgrading to the latest Hyva we can easily enable Lazy loading from admin configuration. You just need to follow the following steps.

  1. Login to the admin panel and create a new CMS static block.
  2. Drag row from the left panel and upload background images for mobile and desktop.
  3. Enable Lazy Loading.
  4. After enable you can see below attribute in your background image div data-ba ckground-lazy-load="true"

Image description

You can also enable by default to do below configuration from the admin

  1. Login to the admin panel
  2. Store-> Configuration -> Hyvä Themes -> PageBuilder -> Enable lazy-loading by default for background images -> set value Yes

Image description

Experimental Page Transitions:

Experimental page transitions are a cutting-edge feature designed to create smooth, immersive navigation experiences on the web. By leveraging technologies like the Page Transition API and advanced animations, these transitions allow developers to animate elements between pages. They can reduce the abruptness of traditional page reloads by blending visual elements or fading content in and out, offering a more dynamic and polished interaction. You just need to follow the following steps to enable it.

  1. Login to the admin panel
  2. Store -> Configuration -> Hyvä Themes -> Experimental -> Enable View Transitions

Image description

Ready to upgrade and unlock the full potential of your Magento store? Explore the official Hyva release notes for detailed insights. Need expert assistance?

Contact Evrig today! Our team specializes in Magento development and Hyva implementations, ensuring seamless upgrades and personalized solutions tailored to your business needs.

Let’s transform your e-commerce experience together.

Top comments (0)