Skip to main content

Product galleries

Create professional product page galleries that automatically use your existing product images with your chosen gallery style.

With product galleries, you create a template once and apply it to multiple products based on criteria like vendor, tags, or product type. This saves time and ensures consistent branding across your store.

First, create a gallery that will serve as your product page template. If you don't have one yet, create a new gallery with your preferred layout and styling.

  1. Go to Product gallery in the XO Gallery app
  2. Click Add product gallery
  3. Configure the following settings:

Priority​

Determines which template to use when multiple rules could apply to the same product. Higher numbers = higher priority.

Select the gallery you created in Step 1 as your template.

Apply to products​

Choose which products will use this gallery template:

  • All products: Apply to every product in your store
  • Product vendors: Target products from specific brands/vendors
  • Tagged with: Apply to products with specific tags
  • Product type: Target specific product categories
  1. Go to Online Store > Themes > Customize
  2. Navigate to Product pages template Product template
  3. Click Add section > Apps
  4. Choose Product images gallery
    Add product gallery section

Section settings​

  • Product: Where XO Gallery gets images (default: current product)
  • Image class: Optional - use to replace existing product images

Replace existing product images​

If you want the gallery to replace your theme's default product images:

  1. Go to any product page on your store
  2. Right-click on the main product image and select Inspect
  3. Find the CSS class name of the image container Find image class
  4. Copy the class name and paste it in the Image class field
    Paste class

For store owners:

  • Set up once, applies automatically
  • Consistent styling across all products
  • Easy to update templates globally

For customers:

  • Better product image viewing experience
  • Interactive features like zoom and filtering
  • Mobile-optimized gallery displays

Use cases:

  • Fashion stores with outfit galleries
  • Electronics with detailed product shots
  • Home decor with lifestyle images
  • Beauty products with usage demonstrations