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 Collapsible content section:
  • 2. Section blocks:
  • 3. Collapsible content section settings:

Was this helpful?

  1. SECTIONS
  2. Sections available in Inspired Themes

Collapsible content

Collapsible content section helps break up longer descriptions and make them more visually appealing.

Last updated 1 year ago

Was this helpful?


The Collapsible content section is handy when showing important notices or information without taking up too much space.

1. Our guide to set up a Collapsible content section:

Steps:

  • In the theme editor, click Add section.

  • Locate Collapsible content.

  • Click Save.

2. Section blocks:

  • By default, there are four blocks added. You can edit them, remove them, or add more blocks.

  • To edit the collapsible content blocks, simply click on the collapsible content block you want to edit in your sidebar.

Question: Set the question into the provided field, for example, "When do I get free shipping?"

Answer: Set the answer into the provided field.

The Collapsible content section is not only used for FAQs but you can do more, like an about us text.

3. Collapsible content section settings:

  • Click on the Collapsible content section to open the section settings.

  • Heading: Add the needed message/information into the provided fields. Delete the text in this field to remove the heading.

  • Set the size of the heading: choose between Small, Medium, or Large.

  • Select the position of the heading text: choose between Center, Left, or Right.

  • Layout & Color scheme: You can modify the container's color for each collapsible row.

When you select No container for Layout, the color will not change. The default color will be Background 1, even if you change the color in the color scheme setting.

Heading alignment: Center