A component group can be created when you're using the same component layout across multiple pages, like a header or a footer.
The steps below will show you how to create your own component group.
Once you add a component group to a page, you can't edit anything specifically for that page. You have to universally edit the component group.
- Open Templates on the dashboard, then select Component groups
- Click + New component group in the Component group section
- Input a Name for your component group, add any data sources you need to, and then click Save
- Click the edit icon on the name of your new component group. This opens the component group builder
- Add layout elements and Frontastic components that you want to include in your component group, as well as edit any component settings
- Click Preview to see what your component group will look like, and then click Save
Your component group will now be available to use when you build your pages.
If you use a component group that has an error, you won't see this error when editing a page version. We recommend checking your component groups regularly in case any errors come up.
Once you've saved a component group, you can edit it at any time. Go to Templates, click on the edit icon on the name of your component group.
This opens the component group builder where you can edit the layout elements, Frontastic components, and component settings. Preview your changes, click Publish, and then Publish changes.
Any changes will also update all page versions where the component group is used. Before publishing any changes to a component group, make sure you preview your page.
You can also edit the component group settings (name and data source filters) at any time. Click the more icon on the name of your component group:
Then select Settings.
This opens a pop-up, and you can edit the settings. You can also see a list of the pages where your component group is used. Expand the Component usage section to see the list. Click the name of the page to be taken to the page builder.
To duplicate a component group, hover on the name of your component group and click the more icon:
Then select Duplicate:
Input a new name and click Save:
Once duplicated, click the edit icon to make the changes you'd like to. You can then add this component group to your page versions.
To delete a component group, hover on the name of your component group and click the trash can icon, then type DELETE to enable the Delete button
If you delete a component group that's being used on your pages, it'll be removed from those pages and might break your pages. Use the component usage feature to check your component group isn't being used on a page before deleting.
Updated 4 months ago