Este tutorial es una guía paso a paso para crear una nueva posición en el componente ZOO 

Como crear una nueva posición en zoo

Como ejemplo crearemos una nueva posición para la aplicación "catálogo de productos" en la vista de categoría (Teaser), para ello ubicamos el siguiente archivo:

/media/zoo/applications/product/templates/default/renderer/ítem/teaser.php

La nueva posición, en este caso, la ubicaremos entre el título y la posición y a continuación copiamos el código de uno de los elementos que ya existen, en este caso será descripción:

<?php if ($this->checkPosition('description')) : ?> 
<div class="pos-description"> 
 <?php echo $this->renderPosition('description', array('style' => 'block')); ?>
</div> 
<?php endif; ?>

Luego lo pegamos en la posición y quedara ubicada la nueva posición. Le cambiamos el nombre ente las comillas quedando de esta manera, en el ejemplo la nueva posición se llamará "precio"

<?php if ($this->checkPosition('precio')) : ?>
<div class="pos-description">
<?php echo $this->renderPosition('precio', array('style' => 'block')); ?>
</div>
<?php endif; ?>

Si queremos darle un estilo distinto mediante css debemos cambiar el nombre de la clase en esta línea

<div class="precio">

Luego, modificamos el archivo positions.xml que se encuentra en la misma carpeta:
Como siempre la estructura existente nos sirve simplemente para copiar y pegar un elemento que ya está creado. Entonces copiamos uno ya creado y le cambiamos el nombre o escribimos lo siguiente:

<position name="precio">Precio</position>

Una vez realizada esta acción, ZOO reconocerá la nueva posición añadiendola al layout correspondiente, quedaría de esta manera: