Item Types

This tutorial will show you how to extend the pre-built and create new item types.


Extend Pre-built Item Types

Learn how to extend the pre-built item types of the apps that come with ZOO. Add new elements to the types and see how you can assign them to a layout position.

Add New Elements to the Types

Login to your Joomla installation and open ZOO administration. Click on the little gearwheel on the right side of the tab bar. You will see all installed apps. Simply click on the app for which you want to extend a specific type.

Extend pre-built types

On the next screen you see a list of all pre-built types, that come with the app. First we have to create a new element in the type, which can be configured later in the item creation steps.

To do so, hover the type you have chosen to extend and click on Edit Elements that appears upon hovering.

Extend pre-built types

Now you see a list of all elements of this type on the left hand side with their names, their kind of element in brackets and small edit and delete icons. On the right hand side you see a list of all elements that can be used to build or extend your types. They are structured into groups, like form-, media- or social elements.

Extend pre-built types

By clicking the small pencil icon next to each used element, a small form slides out, and you can configure this element. We made a short tutorial for each element, where we explain the different settings of them.

Extend pre-built types

Of course, when you want to delete an element, you can click on the small delete icon next to the pencil.

Now we want to add a new element to the type. To do so, choose the element you want to add from the list of available elements on the right side and simply click on it. The element will automatically be added to the top of the list on the left, ready to be configured. Please see our tutorials for the elements to see the different configurations of each element. In this example I want to add a date field to the type.

Extend pre-built types

The order of the elements on the left is the order they'll appear when you create an item of this type. So if you don't want to have the new added element right on the top of the list, you can change it very easily. Just move your cursor over the small brick icon in front of the element and drag & drop the whole element to its new position.

Extend pre-built types

After this you can already see the new element, when you create an item of this type.

Extend pre-built types

To show this new element to your visitors in the frontend of your site, you have to assign it to its layout positions.


Create New Types

Learn how to create a new item type for an app in your ZOO. You will learn how you add elements to the type and assign them to template layout positions.

Create the Type and Add Elements to It

Login to your Joomla installation and open ZOO administration. Click on the little gearwheel on the right side of the tab bar. You will see all installed apps. Simply click on the app for which you want to create a new type.

Create a new type

On the next screen you see a list of all pre-build types, that come with this app. To create a new one, click on the New button in the top right corner.

Create a new type

Give the new type a name and click on Save in the top right corner.

Create a new type

You see that the new type appears in the list of types. Now we have to add the elements to the type. To do so, hover the type and click on Edit Elements that appears underneath the name.

Create a new type

Now you see a blank space on the left, where the elements will appear later and on the right you see a list of all elements, that can be used to build your type. They are structured into groups, like form-, media- or social elements.

Create a new type

To add a new one to the type, choose the element you want to add from the list of available elements on the right side and simply click on it. The element will automatically be added to the list on the left, ready to be configured. Please see our tutorials for the elements to see the different configurations of each element.

Create a new type

The order of the elements on the left is the order they appear when you create an item of this type. So if you not want to have the new added element right on the top of the list, you can change it very easily. Just move your cursor over the small brick icon in front of the element and drag & drop the whole element to its new position. Very easy. By clicking the small pencil icon next to each used element, a small form slides out, and you can configure this element and of course you can delete an element by clicking the small delete icon next to the pencil icon.

After you've set up the type, click on Save in the top right corner. Now you can create new items of the new type but to show the items to your visitors in the frontend of your site, you have to assign the elements to their layout positions.

ZOO Documentation