Introducing Gallery Sections: A Complete Guide to Image Layout Management

Introducing Gallery Sections: A Complete Guide to Image Layout Management

By Michael Turner

February 6, 2025 at 12:06 PM

Adding and customizing gallery sections allows you to showcase images in visually appealing layouts. Here's how to work with them effectively:

Adding a Gallery Section (New Page):

  1. Open Pages panel and click +
  2. Select Page Layout > Gallery and choose a layout
  3. Add page title and press ENTER
  4. Click Edit
  5. Click image icon to add/edit images
  6. Click pencil icon for style settings
  7. Save changes

Adding to Existing Page:

  1. Click Edit on the page
  2. Click Add Section
  3. Select Images and choose a layout (look for 'i' badge)

Available Gallery Layouts:

  • Grid: simple - Even rows and columns
  • Grid: strips - Varied size strips per row
  • Grid: mosaic - Staggered layout with different aspect ratios
  • Slideshow: simple - Single images with optional thumbnails
  • Slideshow: full - Full-bleed single images
  • Slideshow: film - Multiple simultaneous images

Adding Images:

  1. Hover over gallery and click image icon
  2. Click + to add images
  3. Choose Upload Images or Search Images
  4. Optional: Edit images, adjust focal points, add captions/URLs
  5. Drag to reorder (except in mosaic layout)

Note: Maximum 250 images per gallery section

Customizing Style:

  1. Click Edit on the page
  2. Click pencil icon over gallery
  3. Gallery tab: Adjust layout, spacing, height
  4. Colors tab: Choose color theme
  5. Width options: Full bleed, Max width, or Inset

Key Features:

  • Customizable layouts and spacing
  • Caption support
  • Lightbox functionality
  • Color theme options
  • Responsive design for mobile viewing
  • Click-through URL capability
  • Image reordering
  • Alt text support

Remember: Layout appearance may vary on different devices due to responsive design. Some style options are layout-specific.

Related Articles

Previous Articles