Products: Product Detail Page / Template

[PatrickFrankAIU]

The product catalog is a good start, but what if the customer wants to see more details on a specific product? We need a separate page for each product to provide this information.

• [ ] Pick one of the products on display and find some more pictures showing other angles and views of the product (if not found, you can find a similar item on the Internet for which you can find multiple images, and replace the image of one of the products in the catalog) (Tip: Try asking ChatGPT to produce "multiple views of the same piece of jewelry".)
• [ ] Create a new HTML page, with an appropriate name (that can be tricky so give it some thought and see what others think!)
• [ ] Configure the new page to use the project's CSS styles
• [ ] Ensure that the new page uses the same header and footer as the other pages
• [ ] Link the details page to the catalog entry for the item
• [ ] Get instructor approval
• [ ] Commit and sync

[PatrickFrankAIU]

I asked ChatGPT to give me three views of the same piece of jewelry, and it produced this:

Not a bad start, but separate images would be better for our purposes.