Tommy's blog

How to install Hyva theme into Magento website

Tommy Le's photo
Tommy Le
·

2 min read

Step 1. Check for Prerequisites

  • A working Magento 2 installation

  • Composer (Magento's dependency manager).

  • File system access (preferably SSH) to your Magento installation.

Step 2. Purchase and Download the Hyva Theme

Go to Hyva theme website to buy and download the theme

Download the Hyva Theme

Step 3. Add Hyva Theme Repository

  • Access Your Server: Connect to your server using SSH.

  • Navigate to Magento Root: Go to the root directory of your Magento installation.

  • Add Repository: Use Composer to add the Hyva theme repository

Step 4. Require the Theme in Composer

Run the command composer require hyva-themes/magento2-hyva-theme. This will download the Hyva theme and its dependencies.

Step 5. Enable the Theme

  • Upgrade Database: Run bin/magento setup:upgrade to upgrade the database schema and data.

  • Compile: If you are in production mode, compile the code using bin/magento setup:di:compile.

  • Deploy Static Content: Deploy static view files by running bin/magento setup:static-content:deploy.

  • Enable Theme: In the Magento Admin Panel, navigate to Content > Design > Configuration. Here, select your store view and set the Hyva theme as the default theme.

Step 6. Configure the Theme

  • Customize Settings: In the Admin Panel, under Content > Design, you will find options to customize the Hyva theme settings.

  • CSS/JavaScript Customization: You can add custom CSS and JavaScript via the Magento Admin or directly in theme files under app/design/frontend/Hyva/your theme

Step 7. Testing and Finalization

  • Clear Cache: Clear the Magento cache from the Admin Panel or by running bin/magento cache:clean in the terminal.

  • Check Frontend: Visit your website’s frontend to ensure the theme is applied correctly.

  • Test Functionality: Test the website thoroughly, including navigation, product pages, and checkout process.

Step 8. Go Live

Step 9. Post-Installation

  • Monitor Performance: Keep an eye on the site’s performance and user experience.

  • Update Regularly: Regularly update the theme and Magento to maintain security and functionality.

FAQs

Is Hyva Headless?

Hyva is not entirely headless but rather a hybrid approach that combines elements of both headless and traditional Magento themes.

Can Hyva integration affect my website design?

Integrating the Hyva theme can impact your website design by offering customization options for colors, fonts, and layout. It emphasizes performance with faster loading times and ensures responsiveness across devices. While it provides a clean default design, the extent of design changes depends on your customization choices and may require adjustments to third-party extensions for full alignment.

To know more about Hyva theme - definition, Feature, Comparison (Luma, PWA), Follow this blog: mageplaza.com/insights/hyva-theme.html

hyva themeHyvä Magentomageplaza