Skip to main content

MageMe EasyQuote Magento 2 Module | Hyvä Compatibility

This guide provides detailed instructions on installing the Hyva_MageMeEasyQuote compatibility module, which integrates EasyQuote functionalities seamlessly with Hyva Themes.

Prerequisites​

  • Magento 2: Ensure Magento 2 is installed on your server.
  • Server Access: You must have administrative access to your server's command line.
  • Composer: Confirm that Composer is installed for managing Magento 2 components.
  • Hyvä Themes: Hyvä Themes must be installed in your Magento 2 environment.

Step 1: Install the Hyva Compatibility Module Fallback​

Before installing the Hyva_MageMeEasyQuote module, install the Hyva Compatibility Module Fallback. This module ensures compatibility between Hyva Themes and EasyQuote.

  1. Add the repository for the Hyva Compatibility Module Fallback to your Magento 2 installation: 
    composer config repositories.hyva-themes/magento2-compat-module-fallback git git@gitlab.hyva.io:hyva-themes/magento2-compat-module-fallback.git
  2. Install the module: 
    composer require hyva-themes/magento2-compat-module-fallback
  3. Enable the module: 
    php bin/magento module:enable Hyva_CompatModuleFallback
    php bin/magento setup:upgrade
    php bin/magento setup:di:compile
    php bin/magento cache:clean

Step 2: Install the Hyva_MageMeEasyQuote Compatibility Module​

Install the compatibility module to integrate EasyQuote with Hyva Themes.

  1. Install the module using Composer: 
    composer require mageme/module-easyquote-hyva
  2. Enable the module: 
    php bin/magento module:enable Hyva_MageMeEasyQuote
    php bin/magento setup:upgrade
    php bin/magento setup:di:compile
    php bin/magento cache:clean

Hyvä Theme Developer Configuration​

After installation, configure the module settings located in the EasyQuote Configuration under the Quote Request Form section of your Magento admin panel. These settings allow you to tailor the visual aspects of EasyQuote within your Hyva theme:

  • Field Block CSS Class: Define custom CSS classes for the blocks surrounding each field.
  • Field Label CSS Class: Set CSS classes for the labels of each field to ensure they match your theme’s design.
  • Field Comment CSS Class: Customize the appearance of field comments with specific CSS classes.
  • Text Input CSS Class: Apply custom styles to text input fields to maintain consistency with your theme.
  • Message Textarea CSS Class: Style the message textarea to align with the overall form aesthetics.
  • Dropdown CSS Class: Ensure dropdown menus fit seamlessly within the form’s styling.
  • Radio Button CSS Class: Customize the radio buttons for better visual integration.
  • Radio Label CSS Class: Define styles for the labels associated with radio buttons.
  • Checkbox CSS Class: Customize checkbox elements to match your theme’s design.
  • Checkbox Label CSS Class: Style the labels of checkboxes consistently with other form elements.
  • Validation Message CSS Class: Style validation messages to make them clear and coherent with the theme.

Verify Installation​

  1. Check module status:

    php bin/magento module:status

    Ensure Hyva_CompatModuleFallback and Hyva_MageMeEasyQuote are listed as enabled.

  2. Test the integration on your website to confirm that EasyQuote features adapt well to your Hyva theme.

Conclusion​

With the Hyva_MageMeEasyQuote module installed and configured, you can leverage the powerful quoting capabilities of EasyQuote with the aesthetic and performance benefits of Hyva Themes. If you encounter issues, refer to module documentation or contact support for assistance.