How to show product images on a custom that I'm developing?

Highlighted
New Member
2 0 0

Hi,

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.

Dpx9IpW

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.

 

 

 

0 Likes
Highlighted
New Member
2 0 0

Please help

0 Likes