const imageGallery = product.images.map(image => (image.localFile.childImageSharp.original.src))
<ReactImageMagnify {...{
smallImage: {
alt: 'Wristwatch by Ted Baker London',
isFluidWidth: true,
src: imageGallery,
},
largeImage: {
src: imageGallery,
width: 1200,
height: 1800
}
}} />
This code lists only the first image of the Shopify product, any advice on how can I show all the images related to the product. The full code is here http://prnt.sc/rrerng
I am building gatsby shopify store and using https://www.npmjs.com/package/react-image-magnify plugin for product image gallery.