Collapsible content

Store Design
,
1

Hello,

How can I set the collapsible content for my products descriptions in Dawn theme? And how can I add the brand description in the footer? Thanks

2

Hello @Glowl Here’s how you can do both in the Dawn theme:

  1. Set Up Collapsible Content for Product Descriptions
    Dawn comes with built-in support for collapsible rows (called “collapsible tabs”) in product pages.

Steps to Add Collapsible Tabs:
1.Go to Online Store > Themes > Customize.

2.In the top dropdown, select Products > Default product.

  1. On the left side, click “Product information” or the section with the product description.

  2. Click “Add block”, then choose “Collapsible row”.

  3. Configure:

. Heading: e.g., “Product Description”

. Row content: Choose “Description” (it will dynamically pull in the product’s description)

. Add more rows if you want for ingredients, usage, etc.

Optional (Custom Content):
If you want fixed content like a shipping note:

. Add another collapsible row.

. Set Row content to Text.

. Enter your custom message there.

  1. Add Brand Description in the Footer
    You can do this via the theme editor too.

Steps:
1.Go to Online Store > Themes > Customize.

2.Scroll down to the footer section.

3.Click “Add block” in the Footer area.

4.Choose “Text” block.

5.Enter your brand description – you can format this text, add links, etc.

6.Click Save.

You can also rearrange footer blocks if you want it higher or lower.

Thank you :blush:

3

Hi @Glowl ,

Please go to Actions > Edit code > sections > main-product.liquid file.

Please send me the code, I will check and add option for you

4

Hello @Glowl

Enable Collapsible Tabs in Product Page1. Go to Online Store > Themes > Dawn > Customize.

  1. Navigate to a product page.

  2. On the left sidebar, click “Product information”.

  3. Click “Add block” > “Collapsible row”.

  4. For each block:

    • Give a title (e.g., “Ingredients”).

    • Click “Insert dynamic source” beside the content.

    • Choose the metafield you created (e.g., custom.ingredients).

  5. Repeat for more tabs.

Add Brand Description in the Footer

You can add a brand description in the footer using a custom “Text” block or a custom Liquid block.

  1. Go to Online Store > Themes > Customize.

  2. Scroll to the bottom and click on “Footer”.

  3. Click “Add block” > “Text”.

  4. Add your brand description (or paste in a short paragraph).

  5. Style it with headings or bold text if you want.

5

You can probably using js/css code to handle this on product page.

Here’s how the result will look

collapsable_output.gif

Insert this css code into your head section

and insert this js code into body section

Provide your store url so we can instruct how to setup this on your store or contact us if you need detailed instructions.

6

Thank You for your help. When I tried this:

On the left side, click “Product information” or the section with the product description.

  1. Click “Add block”, then choose “Collapsible row”. The only options I had was collapsible content. It’s the same?
7

Hello, I only have collapsible tap.

8

yes! In the Dawn theme, “Collapsible content” is the new name (or combined version) for what used to be individual “collapsible row” blocks.

So yep — you’re in the right place.

What’s the Difference?
. Old versions of Dawn: You could add individual “Collapsible row” blocks.

. Newer versions (like Dawn 9+): It’s just one block called “Collapsible content”, and within that, you can add multiple rows (called “collapsible content items”).

To Use It:

  1. In the Product Information section, add the “Collapsible content” block.

  2. Click into it → you’ll see an “Add Row” or “Add collapsible content item” button.

  3. Add as many rows as you want:

. One for Product Description (choose “Description” from dynamic source).

. Others for things like Ingredients, Shipping Info, etc.

Thank you :blush:

9

Thanks!