Product Page
This page displays information about a specific product.
- Be sure to save product data in Recently Viewed. Do not add if it already exists there.
Product
- Display product name, model(if applicable), SKU and review star rating at top
- Product image
- On hover, fade in left and right ">" symbols to view additional product images
- Both buttons should always work. If at first image, the "<" button should display the last image
- Left/right slide animations
- Description
- Sale price, savings, and original price
- Add to cart button updates cart
- Navigate to cart from this page.
Similar Products
- Use products api to pull items from this products parent category
- Carousel
- expand size of image in tile 10% on hover
- No more than 10 items
- Left/Right buttons disable functionally and visually when at either end of list
- For each item, display image, product name, rating information, price, and shopping cart icon
- Clicking any part of the card will navigate to the product page, including the cart icon
Similar Products
- get products from recently viewed
- Carousel
- expand size of image in tile 10% on hover
- No more than 10 items
- Left/Right buttons disable functionally and visually when at either end of list
- For each item, display image, product name, rating information, price, and shopping cart icon
- Clicking any part of the card will navigate to the product page, including the cart icon