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

Collapsible content

Section overview

The Collapsible content section displays a list of collapsible content blocks that can be expanded and collapsed by users. It provides an interactive way to present information in a space-efficient manner.

Common use cases

  • Frequently Asked Questions (FAQs)

  • Product information and specifications

  • Shipping and return policies

  • Service descriptions or features lists

Usage tips

  • Keep accordion titles concise and descriptive so users understand what content to expect

  • Limit the amount of content within each accordion to prevent overwhelming scrolling when expanded

  • Consider using icons to visually enhance the accordions and improve user experience

  • Mobile responsiveness is automatically handled, but consider setting visibility options for different devices if needed

Section settings

Setting
Description

Heading

Main section heading displayed above the accordions

Content

Descriptive text displayed below the heading

Button label

Text to display on the optional button

Button URL

Link destination for the optional button

Spacing top

Controls the top padding of the section (0-300px)

Spacing bottom

Controls the bottom padding of the section (0-300px)

Color scheme

Sets the background and text color combination

Border color

Sets the color for any borders (subtle or strong)

Button color

Sets the style and color scheme for the button

Border position

Determines where section borders appear (none, top, bottom, or both)

Horizontal alignment

Controls the alignment of section content (left, center, or right)

Visibility

Controls section visibility across devices (all, mobile only, or desktop only)

Block settings

Collapsible content

The block creates a collapsible content area with a title button that expands to reveal the content. Each section can have up to 50 accordion blocks.

Setting
Description

Title

Heading text displayed on the accordion button

Content

Rich text content revealed when the accordion is expanded

Icon

Optional icon displayed alongside the accordion title

Last updated 1 month ago

Was this helpful?