I have a product page (BEAN PUFF ) where a few products are displayed.
As every product has its own specifications, I created Sections underneath the products so that when the image of one product is clicked, the specifications of the porudct will appear below and when you click again, it wil dissapear.
One of the challenges I have is that, these different sections for each product overlap each other. I mean when I create the separate Section, I need to play around with it so that each and every section will appear in the same position.
Could anyone know a way where I can create sections but all of them being in the exact same position?
Also, ideally, when you click each image separately, the previous one should close. Now you will only see 1 product, but there will be 5 different products to display.