Creating the cart summary
To finish this chapter, I am going to add a summary of the cart to the catalog page, so the user can see how many products they have selected and easily navigate to the cart details. Run the command shown in Listing 17.38 in the sportsstore folder to add a package to the project that will be used by the cart summary.
Listing 17.38: Adding a package
npm install bootstrap-icons@1.11.3
The Bootstrap Icons package is a set of icons that can be easily used in HTML content. Table 17.3 describes this package for quick reference.
Table 17.3: The Bootstrap Icons package
|
Name |
Description |
|
This package contains a library of icons that can be applied to HTML content. |
The cart summary will display the total number of products in the cart...
