title: woocommerce gallery showing only 1st image on product page Wordpress
body: <p>I have the following website: <a href="http://dev2.pixlgraphx.com/corvettes2/" rel="nofollow noreferrer">link</a> and its single product page that shows the product info and shows the product images on the gallery.</p>
  
  <p><strong>Problem:</strong> As you can see on the following screenshot it only shows the 1st image but if i click on any the thumbnails the image is not displayed at all.</p>
  
  <p><a href="https://i.stack.imgur.com/mXNLb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mXNLb.png" alt="enter image description here"></a></p>
  
  <p>Here more details of what happens when click on the thumbnails:
  <a href="https://imgur.com/TRrl9NT" rel="nofollow noreferrer">https://imgur.com/TRrl9NT</a></p>
  
  <p>Inspecting the site i found that the images are there but In some i need to use margin-left: 9000px and top: -300px in order to be displayed correctly. But i can do this customization because some products have several images and they're not same width and height.</p>
  
  <p><strong>Question:</strong> Why are they not displayed? Is there a way to show all pictures correctly when I click on any of the thumbnails?</p>