Product Details
The Storefront runs at 3002 and visit localhost:3002/ route for Visiting Home Page , you can go to Product Details page by
- Clicking on the Product Card
or
- Clicking on the Quick view icon
1.Visit localhost:3002
2.Click on the Product Card
Going to Product Details page Home Page
In the Home Page there are a list of products from where you can go the the detailed page of any product. You can click on the Product card or on the Quick View icon upon hovering to go to the details page.
Product Details page
In the Product Details page you get the detailed information of a product.
Product Image(s)
First of all, you can see the images on the left half of the page. You can click on a image from the slider to get an enlarged view of that image.
Product Informations
Here you have the Product Name, Manufacturer, Price, Availability, a Short description and other information of the product.
Quantity
You can choose your desired amount of a product from the quantity section.
Add to cart/Buy now
You can add the product to the cart from the details page by clicking on the Add to cart or Buy now button.
After adding to cart, you will see a Success Modal.
For more details about how to add a product to cart, check the article below:
How to Add Product to the Cart
Add to Wishlist
Click on the + Add to Wishlist to add the product to wishlist.
Compare
Click on the + Compare to compare the product with other products.
Full Description
Further down the page you can see the full description of the product.
Similar Products
At the end of the page you can find related or similar products.
