Hello, Bricks’ noob here with a simple question! Let’s say I need to use the accordion widget at many places on my website. I have set up my base one with all the necessary styling available in the “content” tab (not the style tab).
What would be the best approach to reuse it without having to reapply the same configuration over and over. If i’m not mistaken, a custom class wouldn’t do the trick since it only saves what is set in the style tab, right?
Thanks!
You can make it a template or a component
Where templates are all 1 and the same
Components allow for induvidiual styles
Hi Ferry! That is what I thought afterwards to change it into a component but now I have to connect properties (title, content etc) in order for it to work but when I do that, I don’t have the possibility to have another accordion row in the same component. What am I missing? I don’t want to have to manually create 5 accordion rows and then fill them out. Is there a repeater option hidden? 
They should be all the same.
If you want the same component with different styles, you can add the styles that need to be changeable.
When you saved it as a component, they should show up next to the add new elements tab in the component tab.
If you edit the component (purple instead of Bricks yellow), you really need to open the component as it is saved outside the page itself, all should be updated unless specific styles are applied. Then it’s still updated minus the styles.
That makes sense. But let’s say I need 1 accordion component with multiple item inside (screenshot below). I need to have multiple accordion components right? There is no way to say hey repeat my properties group over and over?
Is it like the same layout with the same info in it,
or same layout with different info in it?
If it’s the same, it should just work out of the box. Edit the component and all will be updated.
If its different info inside, you probably have to connect the title and internal fields to be able to change them because the connecting thing make it dynamic instead of static.
So without connecting it is as is. change 1, change all.
When you connect the fields, you should be able to put other info inside.
To be honest, i don’t use components at all. I use templates for what’s the same, and just copy an already made element to another page and change its content.
There are some steps to take with components and reading the manual would be advised.
And it should be purple like the image below:
