Elements from Stacks

How to add accordions, tabs, sliders from a stack or pages.

Stacks are a feature that came with Concrete5.5. It creates set of blocks and display them anywhere in the site. This is useful for updating content that is several times the site. It's also a great opportunity for the designer to use these sets of blocks and display the creative way. The most classic modes are accordions, tabs .. Anitya goes further by proposing new and practical ways to display these contents as a button that opens a popup.

Documentation on concrete5.org


Usage

To use the various stack display modes, you must first create a stack. For this go in the dashboard in the section blocks and Stacks. You will see a button at the top right allows you to create a new stack, click it, enter a name and save. You can now add blocks in the stack.

In most battery display custom models, you'll need to set a name for each block. For this, once the block added to the stack, click on it and choose "Advanced". In the window that opens you will be prompted to enter a name for the block.

Now you must approve that stack so that it is visible to everyone, this step is very important and will pose display problems if omitted.

Add a stack to a page

Once your stack created, approved and block named (optional), go on a page turn in block addition mode (the little cross in the upper left), click on "block" and choose "stacks". Drag the stack that you just created on your page.

Are two things to settle: the custom template and color class.

Adjust the custom template

Click your battery freshly added to the page and choose Custom Template. The popup menu will offer you lower the different model (accordion, button, ..). Choose the one that suits you.

Slider/Carousel template

Slider Carousel template

A special note for carousel template that can display stacks as carousel (multiple item per view) or slider (once item per view) : Choose the Carousel template and set the number of item by setting the number of column thanks to custom class (see screenshot).

Adjust the color class.

Some customized models like accordions support multiple colors taken in the theme. For that click on your newly added to the page stack and choose Custom Template in the text field custom classes you can choose one of the following option: element-primary, element-secondary, element-tertiary, element-quaternary, element-black and element-white.