Skip to content

Highly Customizable Checkout for Magento 2, Built with React.

License

Notifications You must be signed in to change notification settings

rostilos/magento2-react-checkout

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Hyvä Themes - React Checkout

A Highly Customizable Checkout for Magento 2, Built with React.

Hyvä Themes

hyva-themes/magento2-react-checkout

Supported Magento Versions

Compatible with Magento 2.3.4 and higher.

Documentation

You can find the documentation here: https://hyva-themes.github.io/magento2-react-checkout/

What does it do?

It loads a React Checkout at [store-url]/hyva/reactcheckout. When enabled in hyva_react_checkout/general/enable it replaces the default checkout.

It depends on these two variables in localstorage:

  • signin_token to the customer section
  • cartId to the cart section

For Hyvä Themes or default Magento frontend, hyva-themes/magento2-graphql-tokens is needed to add these tokens to the customerSections.

Installation

Please note: this checkout is not intended to be installed as plug-and-play. It should be considered as a toolbox to build your own checkout based on your needs. A developer with ReactJS knowledge will be required.

Ideally, you would use this checkout with your own version of this module: https://github.com/hyva-themes/magento2-checkout-example The Checkout Example uses an extension mechanism that allows you to build your own checkout based on this repo.

If you want to install the checkout as a demo or just try it out, install it directly as follows:

  1. Install via composer

    Via Packagist:

    composer require hyva-themes/magento2-react-checkout
    

    Via Github:

    composer config repositories.hyva-themes/magento2-react-checkout git git@github.com:hyva-themes/magento2-react-checkout.git
    composer require hyva-themes/magento2-react-checkout
    
  2. Enable module

    bin/magento setup:upgrade
    

To fully customize the checkout to your needs, either clone this repo, or use https://github.com/hyva-themes/magento2-checkout-example.

Read the full documentation here: https://hyva-themes.github.io/magento2-react-checkout/

Configuration

In the Magento Backend Configuration:

HYVA THEMES->React Checkout->General Settings->Enable

The configuration path is hyva_react_checkout/general/enable

Credits

This Checkout has been built in corporation - and with the support of - our main partner, integer_net.

integer_net GmbH

In particular, Rajeev K Tomy has been a monumental in the development of this Checkout.

License

The MIT License (MIT). Please see License File for more information.

About

Highly Customizable Checkout for Magento 2, Built with React.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • CSS 93.9%
  • JavaScript 4.9%
  • Other 1.2%