How do I display a product gallery on any page?
Last Updated a year ago
To display a product gallery on a page other than the product page itself, first you need to find the product ID.
Finding the Product ID in Shopify
- Login to your Shopify store administration area
- Select Products and click the product you wish to create the gallery for
- Look at the page URL and copy the number following /products/
e.g. If the URL is
admin.shopify.com/store/my-store-name/products/8745123 then the product ID is 8745123.
Adding the Gallery
Edit the page you wish to add the gallery to and add the following code where you want the gallery to display:
<div class="instashop-gallery" data-product-id="insertProductIdHere"></div>
Replace
insertProductIdHere with your product ID, so for the above example your code would be:
<div class="instashop-gallery" data-product-id="8745123"></div>