Creating a component group

A component groupcomponent group - A group of Frontastic components saved in a reusable block – they’re created using the component group builder. Previously known as `kits`. 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 groupcomponent group - A group of Frontastic components saved in a reusable block – they’re created using the component group builder. Previously known as `kits`..

📘

Once you add a component groupcomponent group - A group of Frontastic components saved in a reusable block – they’re created using the component group builder. Previously known as `kits`. to a page, you can't edit anything specifically for that page. You have to edit the component groupcomponent group - A group of Frontastic components saved in a reusable block – they’re created using the component group builder. Previously known as `kits`. universally.

You can create a component groupcomponent group - A group of Frontastic components saved in a reusable block – they’re created using the component group builder. Previously known as `kits`. in any environment, if you want to test it first you can do it within the Staging environment but if you know exactly what you want to create, you can do it in the Production environment.

Creating a component group

  1. Open Templates and go to the Component group section
  1. Click + New component group in the Component group section
  1. Input a Name for your component group, add any data sources you need to, and then click Save
  1. Click the edit icon on the name of your new component group, this opens the component group builder
  1. Add layout elements and Frontastic components that you want to include in your component group, as well as editing any component settings
  1. Click Preview to see what your component group will look like, then click Save, and then Publish changes

Your component group will now be available to use when you build your pages

🚧

If you use a component groupcomponent group - A group of Frontastic components saved in a reusable block – they’re created using the component group builder. Previously known as `kits`. that has an error on your page, you won't get an error on the page. We recommend checking your component groupscomponent groups - A group of Frontastic components saved in a reusable block – they’re created using the component group builder. Previously known as `kits`. regularly in case any errors come up.

Editing a component group

Once you've saved a component groupcomponent group - A group of Frontastic components saved in a reusable block – they’re created using the component group builder. Previously known as `kits`., you can edit it at any time. Go to Templates, click on the edit icon on the name of your component groupcomponent group - A group of Frontastic components saved in a reusable block – they’re created using the component group builder. Previously known as `kits`.. Then you can edit the layout elementslayout elements - What needs to be added to a page before a Frontastic component can be added or a component group. Previously known as `cells`., Frontastic componentsFrontastic components - A customizable building block that's used together with other components to create a commerce site. Known as `tastic` for short in code., and component settings. Preview your changes, click Publish, and then Publish Changes.

❗️

Any changes here will also update on all pages where the component groupcomponent group - A group of Frontastic components saved in a reusable block – they’re created using the component group builder. Previously known as `kits`. is used, make sure you preview your page before publishing any changes to a component groupcomponent group - A group of Frontastic components saved in a reusable block – they’re created using the component group builder. Previously known as `kits`..

You can also edit the component groupcomponent group - A group of Frontastic components saved in a reusable block – they’re created using the component group builder. Previously known as `kits`. settings (name and data source filters) at any time by clicking the settings icon on the name of your component groupcomponent group - A group of Frontastic components saved in a reusable block – they’re created using the component group builder. Previously known as `kits`..

Deleting a component group

To delete a component groupcomponent group - A group of Frontastic components saved in a reusable block – they’re created using the component group builder. Previously known as `kits`., hover on the name of your component groupcomponent group - A group of Frontastic components saved in a reusable block – they’re created using the component group builder. Previously known as `kits`. and click the trash can icon, then click Confirm:

❗️

If you delete a component groupcomponent group - A group of Frontastic components saved in a reusable block – they’re created using the component group builder. Previously known as `kits`. that's being used on your pages, it will be removed from those pages and may break your pages.


Did this page help you?