I'm working on an e-commerce application. I want to have a product detail page with multiple images of a single product. There will be two sections on that page. One will contain an image along with the product description. The second section needs to be hidden by default. When a user clicks on an image in the first section, the second section will expand with images related to that product. Can someone help me with this? How to upload multiple images of a single product and how to build this use-case? What logic should be apply for build this page?
Please follow the steps;
Create ProductDetails entity and ProductImages entity.
Associate both the entity with one-many association where ProductImages is many.
Create generalization for ProductImages with System.Images.
Now create edit page to upload image where in reference selector you can select your product.
Now to view the images you can use list view / gallery / Template view.
Hope my answer helps. Reach me out for any queries.