Black Friday Sale
Exclusive Design & Shopify Themes Resources
Hire us Hire Us
View Categories

Collage grid

How to Access the Collage Grid Section

Go to Admin → Online Store → Themes
Click Customize on your active theme
Open the Home page template
Find and select the Collage Grid section

From here, you can customize:

  • Section header
  • Image cards
  • Video cards
  • Collection links
  • Buttons
  • Card layout
  • Video controls
  • Colors and spacing

The Collage Grid section allows you to showcase multiple images, videos, and promotional cards in a creative grid layout. It helps highlight collections, featured products, lifestyle content, and brand stories with an engaging visual experience.

Collage Grid Section Settings

SettingsDescription
WidthChoose the container width for the Collage Grid section. Available options include Page width and Full width.
Color SchemeSelect a predefined color scheme to customize the section appearance.
Padding TopAdjust top spacing separately for Desktop, Tablet, and Mobile devices.
Padding BottomAdjust bottom spacing separately for Desktop, Tablet, and Mobile devices.
Add BlockAdd multiple image, video, and content blocks inside the collage layout.
Custom CSSAdd custom CSS styles to further customize the section design.

Image Block Settings

SettingsDescription
ImageUpload an image to display inside the collage card.
LinkAdd a collection or custom URL for the image card.
BordersChoose the card border style such as None or Solid.
Corner RadiusAdjust desktop corner radius for rounded image cards.
Corner Radius MobileAdjust mobile corner radius separately.
Card SizeChoose card display style. Available options include Expanded, Balanced, and Minimal.
Color SchemeSelect a predefined color scheme for the image card.

Video Block Settings

SettingsDescription
SourceChoose video source type. Available options include External and Uploaded.
VideoUpload a video file for the collage card.
AutoplayEnable automatic video playback.
Play Button DisplayControl when the play button appears.
Play Button StyleCustomize the video play button style.
Play Button AlignmentAdjust play button placement on the video.
Media OverlayAdd an overlay effect on video content.
BordersChoose video card border style such as None or Solid.
Corner RadiusAdjust desktop corner radius for the video card.
Corner Radius MobileAdjust mobile corner radius separately.
Card SizeChoose video card display size. Available options include Expanded, Balanced, and Minimal.
Color SchemeSelect a predefined color scheme for the video card.

Content Block Settings

SettingsDescription
Section HeaderAdd a heading or introduction content for the collage section.
Title BlockAdd titles for image or video cards.
Button BlockAdd call-to-action buttons with custom links.