Add Galleries to Shopify 2.0

Use this article to integrate Bazaarvoice Galleries and display tagged photos on your Shopify store home, product, and collection pages using customizable theme blocks. You will learn how to:

• Add Galleries code to your store pages
• Update the Galleries code

Note: Before completing these steps, ensure you have configured your account. Refer to the Configure app settings topic for more information. 

To integrate Galleries, complete the following steps.

Step 1: Add Galleries code to your store pages

To display galleries in your home, product, and collection pages, add blocks or sections by doing the following:

1. Open your Shopify Theme .
2. In your current theme, select Customize.
3. Add a gallery to your home, product, and collection pages.

   Home page:

   • From the dropdown list at the top of the page, select Home page.
   • Use the Home page menu to add blocks or sections as required.
   • Drag the Homepage gallery from the Home page menu to where you want it to appear in your store.

   Product page:

   • From the dropdown list at the top of the page, select Products > Default product.
   • Use the Default product menu to add blocks or sections as required.
   • Drag the Product page gallery from the Home page menu to where you want it to appear in your store.

   Collection page:

   • From the dropdown list at the top of the page, select Collections > Default collection.
   • Use the Default collection menu to add blocks or sections as required.
   • Drag the Collection page gallery from the Home page menu to where you want it to appear in your store.

   Other pages:

   • From the dropdown list at the top of the page, select the template to which you’d like to add a custom gallery.
   • Use the menu on the left side of the screen to add blocks or sections as required.
   • Drag the Custom gallery from this menu to where you want it to appear in your store.
     
   
   Note: You can add custom galleries of tagged products anywhere in your store. Refer to the add an Email Gallery topic  for more information.
4. Save your changes.
   

Step 2: Update the Galleries code

To update the Galleries code you’ve added to your store pages for each gallery you want to display:

1. In Vibe , select the gallery you want to display in your Shopify store.
2. Copy the unique container ID from the address bar. For example, you would copy gallery-XYZ from the below URL.

https://app.curalate.com/galleries/website?containerId=gallery-XYZ

3. Paste the unique container ID to the app block for the gallery.
4. Save your changes.