Restructure renderings in the Experience Editor
To make it easier to construct your page, SXA comes with a toolbox with reusable renderings that you can drag and drop onto your page. The SXA toolbox organizes all renderings in categories, such as Page content, Page structure, Navigation, Forms, and so on.
When creating a new site, you can determine which renderings will be available for that site.
SXA also lets you change the structure of the components within the toolbox. This may be convenient when you want to move a component category that you use often to the top of the list or if you want to change the order of the components within the category.
Change the order of rendering categories
To change the order of appearance of rendering categories in the Toolbox:
-
Navigate to sitecore/Content/<site collection>/<site>/Presentation, and in the Available Renderings item reorganize the rendering categories. For example, move the Page Content and Page Structure categories to the top of the list.
-
In the Data section, select the Group renderings in sections according to Available Renderings items in the site.
-
Save the changes. In the Experience Editor, the structure of the toolbox will be changed.
Change the order of renderings within a category
To change the order of the renderings within a category:
-
Navigate to sitecore/Content/<site collection>/<site>/Presentation/Available Renderings and click the category that you want to change the structure for.
-
In the Data section, in the Renderings field click Edit.
-
In the Select items dialog box, in the Selected field change the order of the components by using the arrows. For example, for the Page Structure category, move the splitter renderings to the top.
-
Save the changes. In the Experience Editor, the structure of the toolbox will be changed.
Add a custom category
To group renderings in a custom category:
-
Navigate to sitecore/Content/<site collection>/<site>/Presentation, right-click Available Renderings and click Available Renderings.
-
Enter a name and click Ok.
-
In the Data section, in the Renderings field click Edit.
-
In the Select items dialog box, navigate to Layout, Renderings and select the components that you want to add to your custom category.