Tutorial – Loyalty Points Frontend

In this tutorial, we will add a new feature to a default Shopgate theme. We will add a component to the product page that shows how many loyalty points the product is worth.

During this task, we will look at how to add a translation string, create and style React components and connect the component with data received from the pipeline.

Table of Contents

  1. Gettings started
  2. Navigating a theme
  3. Creating a React component
  4. Creating a icon component
  5. Add some styling
  6. Adding the translation strings
  7. Integrating the new component
  8. Connecting the component to the store