CMS blocks in Magento 2 allow you to display static or dynamic content on your website. Using widgets, you can place these blocks in specific locations, enhancing your store's design and functionality. Follow this step-by-step guide to learn how to display CMS blocks using widgets in Magento 2.
Step 1: Access the Magento Admin Panel
Log in to your Magento 2 Admin Panel and navigate to Content...
Read More
Blog
Hyva : How to create Read More Read Less Button
In this tutorial, we'll walk you through how to easily create a "Read More Read Less" button in your Hyva Magento2 theme using Tailwind CSS and Alpine JS. This functionality enhances user experience by allowing users to toggle content visibility, making your page cleaner and more interactive.
Step-1. You just copy and paste the below code into your PHTML File, CMS block, or CMS Page.
You have...
Read More
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 ...
Read More
Magento 2 Collapsible Widget: A Step-by-Step Guide
The collapsible widget converts a header/content pair into an accordion, where the content is collapsed or expanded on the header click.
Magento 2 provides a versatile collapsible widget that is perfect for implementing features like collapsible sections. Like we can use in the footer, where space is limited, and you want to keep the interface clean while ensuring easy navigation.
In this...
Read More
How to Use Grunt in Magento 2
Grunt is a modern JavaScript task runner designed to automate repetitive tasks like compilation, minification, and more. In Magento 2, Grunt can significantly streamline the process of theme development and make it easier to manage workflow.
Installing and Configuring Grunt:
Install node.js to any location on your machine.
Open your terminal.
Install the Grunt CLI tool globally. To ...
Read More
Hyva: Display PDP Sections as Tabs on Desktop and Accordion on Mobile
In this tutorial, Today We will explain How to make PDP Sections display as Tabs in Desktop View and Accordion in Mobile View instead of Cards.
Step 1: Add the Code
You just copy and paste the below code into your PHTML File, CMS block, or CMS Page.
[dm_code_snippet background="no" background-mobile="yes" slim="no" line-numbers="no" bg-color="#abb8c3" theme="dark" language="php" wrapped="n...
Read More
Best Hyva-Compatible Extensions for Holiday Shopping Success
The holiday shopping season is here, and with major sales events like Black Friday and Cyber Monday around the corner, now’s the time to supercharge your Magento store! Ensure your store is performing at its best, from seamless checkout experiences to lightning-fast delivery. By optimizing your Magento store with the right extensions, you’ll be ready to handle high traffic, boost conversions an...
Read More
How to Prepare Your Magento Store for High Traffic Events
As the year draws to a close, November and December become critical for businesses, with major retail events like Black Friday, Cyber Monday and Christmas Sales driving heavy traffic. This season of flash sales and big promotional offers can test any Magento store’s limits, making performance optimization essential to protect your brand reputation.
These high-traffic months bring the largest...
Read More
Enhancing UI/UX with Hyva Theme
In today’s tech-driven e-commerce world, delivering a seamless UI/UX is essential to keeping visitors happy and engaged. The Hyva theme for Magento is an excellent solution for improving both the user interface and user experience, while also boosting site speed and performance.
Customers now expect a hassle-free, enjoyable experience while shopping online. If your site is easy to navigate a...
Read More
How to Remove Elements via XML in Magento 2
In Magento 2, you can remove specific elements like blocks or containers from a page layout by editing XML Files. This guide will walk you through how to do it.
Removing Elements via XML
To remove an element, you use the <referenceBlock> or <referenceContainer> tag with the remove attribute set to "true".
Step-by-Step Example: Removing the Wishlist Link and Logo fro...
Read More