Skip to main content Skip to navigation

Accordion

Accordion Title

User Guide

The Accordion content block displays the Accordion Item content blocks associated with it.  

An Accordion will not display until an Accordion Item has been added. 

By default, all Accordion Item are closed on the page load. 

 

To add an Accordion content block, on Page > Content tab, select Create a new Block from Select Content dropdown.  

acc pic 1

Give a proper name and select Accordion from the list.

acc pic 2

On the New Block: Accordion screen, give a proper title (will be displayed as heading 2) and leave the Additional properties untouched for now and select Create button. 

acc pic 3 fix

Accordion will be added into the page along with the 2 accordion items (dummy content) created by default. Next, need to edit or add the Accordion Item into the Accordion. 

 

To add the Accordion Item into the Accordion 

  • Select the Accordion menu and choose either the Edit or Quick Edit option,

acc pic 4

  • On Accordion screen, select Create a New Block from the Select Content drop-down,

acc pic 5

  • Give the Accordion Item a name and select Create button.

acc pic 6 

The Accordion Item will be added into the Accordion.

acc pic 8

Next need to add or edit the the Accordion Item content. 

 

To add content block into Accordion Item 

  • Select the Accordion Item menu and choose either the Edit or Quick Edit, 

acc pic 9

  • On Accordion Item screen, select Create a New Block from the Select Content drop-down.

acc pic 10

  • Give a name for the Accordion item content and select content type from the available list. In example below, user decide to add Rich text content. 

acc pic 11

  • Insert the intended text content into the rich text editor 
  • Select the Create button.

acc pic 12

Accordion item content will be added into the accordion item. At this point, then the accordion block will be displayed fine on the website page.

acc pic 13

User can repeat step above and add another type of content block. 

 

To edit existing content block on Accordion Item: 

  • Select the Accordion Item menu and choose either the Edit or Quick Edit, 

 acc pic 14

  • On Accordion Item screen, select the existing content block menu and choose either the Edit or Quick Edit, 

 acc pic 15

  • Existing content screen will be displayed, in this example the Text content block screen will be displayed 

 acc pic 16

  • Update the content as per intended 
  • Publish the changes 

Repeat steps above to edit others content block if needed. 

 

Note:  

  • 2 accordion items will be added by default with dummy content when create new Accordion block. Can choose to edit the dummy content or delete and add a new content block into the accordion item. 
  • Please remember to Publish the Accordion item and Accordion block.  
  • Please remember to publish the page after add, edit, or delete a content block.