I am trying to learn shopify theme development and currently trying to develop a custom theme on shopify. I am stuck on the product page.
I want to show the product photos on the product page. I have already done the coding, but confused on how to integrate the shopify product photos into my code.
I have two separate sections: Left for main photo & Right for thumbnails, product name, prices etc.
I want to know how to write the code for showing product photos as thumbnails on right side and when clicked, it should appear on the left side main photo. I am attaching the html code of that section:
<div class="wrapperleft"> <div class="prbimgpm"> <img src="test1.jpg"> </div> </div> <div class="wrapperright"> <div class="prbimgpmt"> <img src="test1.jpg"> </div> <div class="prbimgpmt"> <img src="test2.jpg"> </div> </div>
Please send the code for doing this. Thank you very much.