Collapsible/expandable content in homepage

Store Design
1

Hi there,

Does anyone know how to put a collapsible/expandable area in Warehouse theme? Rich text section is not allowed to be collapsible/expandable and I’m planning on putting a long content/bio in Homepage. Can anyone please help me?

Cheers!

1 Like
2

@hurencio May this help you. Click Here.

3

@hurencio - do you have custom html or custom liquid section? if yes then you can put accordion code in it

4

Hi Suyash1,

I mean instead of going to another page it would just be on the same page but is collapsible/expandable. Here is the website www.artsuppliesaustralia.com.au

5

Shopify.png
Shopify.png1918×1080 264 KB

Is there an easy way to make the “Read More” area to be collapsible/expandable instead of goint to the page?

Cheers!

6

@hurencio - read more might have been added as link, so it will go to next page only. You can add accordion code into home page so it will stay on same page

7

Hello @hurencio ,

This can be done with the help of a custom code. Follow the below steps to add Collapsible/Expandable Content with a Read Less / Read More button In Homepage:

  • First, duplicate your live theme.
  • Create a new section for displaying the collapsible content collecting references from the below-provided code.
#more {display: none;}

Read More Read Less Button

**This text appears before the Read More button.** ...

This text will appear when you click on the Read More button.

Also, it hides when you click on the Read Less button.

Add more text.

Read more

  • Add a new section on your homepage.

Hope it works. Let us know if you need any other help.

Regards,

CedCommerce