Help Center
Explore ThemesMade with InspiredThemeAbout UsContact
  • ABOUT INSPIREDTHEME
  • General theme settings
    • Available page types
  • UPDATES
    • Changelog
  • Getting started
    • What is Online Store 2.0 theme?
    • Before you customize your theme
      • Step 1: Duplicate your theme to create a backup copy
      • Step 2: Follow our suggestions for a better design experience
      • Step 3: Understand the level of support we provide
      • Step 4: Learn about the ideal Shopify image sizes
  • GENERAL INFORMATION
    • How to install theme
    • Try themes for free
    • Add products to store
    • Set up collections
    • Customize the theme
    • Navigation menus
  • SECTIONS
    • Sections available in Inspired Themes
      • Featured collection
      • Featured product
      • Collection list
      • Rich text
      • Image with text
      • Image banner
      • Slideshow
      • Collage
      • Multicolumn
      • Email signup
      • Contact form
      • Video
      • Blog posts
      • Custom Liquid
      • Page
      • Collapsible content
      • Video banner
  • HEADER
    • Announcement bar
    • Header
  • PRODUCT PAGES
    • Product information
      • Default product blocks
      • Text
      • Line item property
      • Inventory status
      • Collapsible tab
      • Custom liquid
      • Pop-up
      • Product rating
    • Product information section settings
    • Product recommendations
    • Creating product templates
  • COLLECTION PAGES
    • Collection banner
    • Product grid
    • Creating collection templates
  • PAGES
    • Page Templates
    • Creating page templates
    • Other pages
      • 404
      • Cart
      • Checkout
      • Search
      • Blog Posts
      • Blog
  • FOOTER
    • Footer blocks
    • Footer settings
  • THEME SETTINGS
    • InspiredTheme Settings Intro
      • Colors
      • Typography
      • Styles
      • Layout
      • Animation
      • Social media
      • Search input
      • Favicon
      • Currency format
  • FAQs
    • Customer account
    • Set up local pickup
    • Where do submission of Email signup forms go?
    • View contact form submissions
    • Restrict store access, remove password
    • Integrate apps into the theme
    • How to add or edit content store policies?
    • How to use Canva templates
    • How to create Gift Card Products
    • How to center the heading of sections?
    • How to enable the country/region selector?
  • SUPPORT
    • InspiredTheme Support
Powered by GitBook
On this page
  • 1. Our guide to set up a Collage section:
  • 2. Section Blocks:
  • 3. Collage section settings:

Was this helpful?

  1. SECTIONS
  2. Sections available in Inspired Themes

Collage

The collage section is a versatile way to show off special collections and seasonal offerings. It lets you create a grid-based gallery of images or videos.

Last updated 1 year ago

Was this helpful?


1. Our guide to set up a Collage section:

Steps:

  • In the theme editor, click Add section.

  • Select Collage.

  • Click Save.

2. Section Blocks:

Each College section contains three blocks. By default, the section contains a video, product, and collection block. To create a collage of more than three blocks, add additional collage sections below the first and don't include a Heading value to the lower collage sections. The collage sections will appear to flow together as a single section.

Mix and match between large and small blocks to create many different grid effects.

  • Image: Use the "Select image" setting to add an image from the Image library.

  • Product: Use the “Select product” setting to add a product.

  • Collection: Use the “Select collection” setting to add a collection.

  • Video: Paste a video link into the URL field to add a video to the section.

3. Collage section settings:

  • Click on the Collage section to open the section settings.

  • Heading: enter heading text to display as a section title. Or leave it blank if you do not want to display it.

  • Desktop layout: adjust the large block’s position to the left or right.

  • Mobile layout: adjust the blocks' position to the Collage or Column.

Desktop layout: Right large block