Step-by-step example of how to add an element to an existing template in the Zoo component for Joomla.
KZ
CUSTOM
ELEMENTS

Example Add Element to Zoo Template

Example of Adding an Element to a Zoo Template

Here is a step-by-step example of how to add an element to an existing template in the Zoo Component.

This example focuses on the most important aspects of adding an element to a template, but is not all-inclusive of every option that is available.

Step 1 & 2

Step 1. Select the App to Configure

Screenshot: Click to Enlarge

  • In Zoo component, click on the Configure button.
  • Next, select the App you want to add the Element to.


Step 2. Select Edit Elements for Your submission Type

Screenshot: Click to Enlarge

  • Hover you mouse over the submission Type of your choice.
  • Select "Edit Elements" to add element to submission Type.

Step 3 & 4

Step 3. Add New Element to Your submission Type

Screenshot: Click to Enlarge

  • Select new Element from Element Library.
  • Fill out Name and any other required Settings.
  • Click and Drag new Element to Editing location.
  • Save your New Element Configuration.

Step 4. Select the Template Layout you want to Modify

Screenshot: Click to Enlarge

  • After saving your New Element Configuration...
  • Select the Template Layout you want to Add the New element to.

Step 5 & 6

Step 5. Add New Element to your Template Layout

Screenshot: Click to Enlarge

  • Click and Drag new Element to Template Position.
  • Edit any Template Settings for the new Element.
  • Save your New Template Layout.

Step 6. Complete! Verify your new Element is Available

Your new element should now be visible when you create a new item or edit an existing item. If it is not, verify you added the element to the correct template.

Suggestions

Things to Check if Your new Element is not Visible:

  • Verify you have choosen the template for the correct "Type". The Blog application has two types, "Article" and "Author".
  • The Blog application also has several different Templates that can be used for each Type, such as "Feed", "Teaser" and "Full".
  • Verify the Configuration for your Application from the "Config" menu under your Application Tab. If you added a Custom Template to your application, you may need to verify you added the new Element to the Template selected in the "Config" settings.

Hope that all goes well with your Zoo Experience!  If you have any additional questions, feel free to contact me in the support forum. : ) ---->

Author: Mark Giesbrecht Created: August 23, 2010
Category: Demos and Examples Modified: August 15, 2011

Do you like this demo of adding an element to Zoo?

Comment Via Facebook

Log me in