Skip to main content

Create your first gallery

Learn how to create and customize your first photo gallery in just a few minutes.

  1. Open the XO Gallery app from your Shopify admin
  2. Go to Galleries menu
  3. Click Add Gallery
  4. Give your gallery a name (e.g., "Product Showcase" or "Brand Story")

Step 2: Upload your images​

  1. Drag and drop your photos to the Images tab
  2. Select multiple images at once for faster uploading
  3. Wait for all images to finish uploading
Image Requirements
  • Maximum file size: 6 MB per image
  • Supported formats: JPEG, PNG, WEBP, HEIC, GIF
  • Maximum resolution: 20 MP (megapixels)

In the Settings tab, select your preferred layout:

  • Grid: Perfect squares in rows and columns (great for products)
  • Masonry: Pinterest-style layout that preserves image proportions
  • Stack: Images arranged in columns that wrap to new rows (e.g., 4 images per row, then the 5th image starts a new row)
  • Justified: Flickr-style layout with consistent row heights
  • Carousel: Sliding images, perfect for featured content
  • Slider: Similar to carousel but includes thumbnails (displayed on top or bottom)

Gallery Types

Step 4: Add basic customization​

In the Design tab, choose what appears when visitors hover over images:

  • Simple title: Just show image titles
  • Title & description: Show both title and description
  • Button: Display a custom button
  • Disable: No hover effects

Image settings​

Back to the Images tab and click on the edit/settings icon on image to:

  • Add a title and description
  • Set a custom link (to products, pages, etc.)
  • Add alt text for SEO
  1. Click Save to store your gallery
  2. Your gallery is now ready to be published!

🎉 Congratulations! You've created your first gallery. Next, learn how to publish it to your store.