Brickspace Lab
Contact usContact ShopifyTry a theme
Paper
Paper
  • Paper documentation
  • Getting started
    • Theme basics
    • Theme settings
      • Colors
      • Typography
      • Borders
      • Quick Add
  • Guides
    • Products
      • Product badges
      • Product subtitles
      • Variant swatches
      • Fixed buy buttons
      • Replacing “Add to cart”
  • Collections
    • Variant filtering
    • Disabling Quick add
  • Sitewide
    • Using device specific visibility
    • Dynamic discount popups
    • Creating a Mapbox API key
    • Designing your menu
  • Migrating custom changes
  • Templates
    • Collection template
      • Customizing Filters
      • Adding Tag Filtering
      • Adding Nested Menu
      • Collection Blocks
  • Product template
    • Dynamic variant images
    • Gift cards
    • Quantity picker
    • Subscription options
    • Sibling products
    • Bundled products
    • Custom fields
    • Content drawers
  • Blog template
  • Sections
  • Sections
    • Featured product
    • Slideshow
    • Email sign-up
    • Video
    • Alternative banner
    • Alternative collection grid
    • Banner
    • Blog posts grid
    • Collage
    • Collapsible content
    • Collection list grid
    • Collection list slider
    • Comparison table
    • Contact form
    • Countdown
    • Custom liquid
    • Discount banner
    • Featured collection grid
    • Featured collection slider
    • Icon grid
    • Image comparison
    • Image hotspot
    • Logo list
    • Navigation slider
    • Recently viewed
    • Rich text
    • Slider
    • Store locator
    • Testimonials
    • Cart drawer
    • Header
  • General
    • Changelog
      • v8.0.1
      • v8.0.0
      • v7.6.2
      • v7.6.1
      • v7.6.0
      • v7.5.0
      • v7.4.0
      • v7.3.0
      • v7.2.1
      • v7.2.0
      • v7.1.2
      • v7.1.1
      • v7.1.0
      • v7.0.0
      • v6.2.0
      • v6.1.7
      • v6.1.6
      • v6.1.5
      • v6.1.4
      • v6.1.3
      • v6.1.2
      • v6.1.1
      • v6.1.0
      • v6.0.1
      • v6.0.0
      • v5.2.0
      • v5.1.0
      • v5.0.1
      • v5.0.0
      • v4.1.1
      • v4.1.0
      • v4.0.0
      • v3.0.2
      • v3.0.1
      • v3.0.0
      • v2.0.0
      • v1.2.2
      • v1.2.1
      • v1.2.0
      • v1.0.0
    • Known issues and troubleshooting
      • v8.0.1
    • Cloning a demo theme
      • Poster
      • Parts
      • Pastel
      • Page 3
      • Page 4
Powered by GitBook
On this page
  • Section overview
  • Section settings
  • Block settings

Was this helpful?

Edit on GitHub
  1. Sections

Collection list grid

Section overview

The Collection Grid section displays a responsive grid of collection cards, allowing merchants to showcase multiple product collections with customizable layout options and visual styling.

Common use cases

  • Featuring popular or seasonal collections on the homepage

  • Creating category navigation pages with visual collection thumbnails

  • Highlighting new product lines or special collections

  • Building landing pages with themed collection groupings

Usage tips

  • Customize the grid layout to match your store's design aesthetic

  • Include a descriptive heading and content to provide context for the collections

  • Consider mobile responsiveness by setting appropriate column counts for different devices

  • Use the card block to highlight a special offer or promotion alongside collections

  • Ensure collection images have consistent dimensions for a uniform grid appearance

  • For best visual balance, limit the number of collections to what fits comfortably in your layout

Section settings

Setting
Description

Collection

Select collections to display in the grid

Heading

Main heading text for the section

Content

Rich text content displayed below the heading

Button label

Text for the optional call-to-action button

Button URL

Link destination for the call-to-action button

Spacing top

Controls the top padding in pixels (0-300px)

Spacing bottom

Controls the bottom padding in pixels (0-300px)

Color scheme

Sets the background color and text color

Border color

Sets the color of section borders

Button color

Determines the color and style of the button

Border position

Sets where borders appear (none, top, bottom, or both)

Desktop columns

Number of columns to display on desktop devices (2-5)

Mobile columns

Number of columns to display on mobile devices (1-2)

Horizontal alignment

Controls how content aligns horizontally (left, center, right)

Visibility

Controls device visibility (all devices, mobile only, desktop only)

Show collection size count

Toggles display of product count for each collection

Block settings

Card

A customizable content card that can be used to highlight special offers or promotions alongside collection items.

Block limit: 1

Setting
Description

URL

Link destination for the card

Heading

Main heading text for the card

Content

Rich text content displayed in the card

Button label

Text for the optional call-to-action button

Image

Primary image displayed in the card

Background image

Secondary image displayed as the card background

Video

Optional video to display in the card

Enable autoplay

Toggles automatic video playback

Enable mute toggle

Shows or hides a button to toggle video sound

Enable loop

Controls whether the video plays on a loop

Background color scheme

Sets the card's background and text colors

Border color

Sets the color of card borders or removes them

Button color

Determines the color and style of the card's button

Column span

Number of grid columns the card should occupy (1-4)

Last updated 1 month ago

Was this helpful?