volto-accordion-block

Volto add-on

Features

Volto block type question and answer (FAQ)

FAQ as accordion:

Editing the FAQ:

Getting started

1. Create a new volto project if you don't already have one:

   npm install -g yo @plone/generator-volto
   yo @plone/volto

2. Update package.json:

   "addons": [
       "@rohberg/volto-accordion-block"
   ],
   
   "dependencies": {
       "@rohberg/volto-accordion-block": "*"
   }

3. Install new add-on and restart Volto:

   $ yarn
   $ yarn start

4. Go to http://localhost:3000

5. Login and edit a page by adding a block of type FAQ

Author

Katja Süss, Rohberg (@ksuess)

Training

If you are new to Volto and or React:

See the training Mastering of Plone 6 development [Prelease] (https://rohberg.github.io/training-plone/mastering-plone/volto_custom_block.html) where I use this use case and code to explain how to create a custom block type and how to create a Volto add-on.

If you want to create a Volto add-on:

One way to start is the template volto-addon-template https://github.com/rohberg/volto-addon-template