Supongamos que tenemos nuestro sitio con varias páginas que forman un menú y dentro de dichas páginas hay más páginas (sub-páginas) y así por muchos niveles. Resulta que cuanto navegamos en muchos sitios hay eso que se llama “migas de pan” o “breadcrumb” por su nombre en Inglés y que básicamente es una ruta desde la página raíz hasta la página en la que estamos en determinado momento.
Pues bien, utilizando TypoScript podemos hacer esto fácilmente en Typo3 y a continuación el código para hacerlo.
-
lib.breadcrumb {
-
10 = HMENU
-
10 {
-
special = rootline
-
special.range = 0
-
includeNotInMenu = 1
-
1 = TMENU
-
1 {
-
noBlur = 1
-
wrap = |
-
NO.linkWrap = | / |*||*| |
-
NO.stdWrap.field = title
-
NO.ATagTitle.field = title
-
CUR = 1
-
CUR.allWrap = <span id="colored">|</span>
-
CUR.doNotLinkIt = 1
-
}
-
}
-
}
Si por ejemplo ponemos esto en la sección “Setup” de la plantilla principal, la que tengamos por raíz, estas migas de pan se podrán utilizar automáticamente y desde cualquier página que esté dentro del árbol.
Lo ideal sería tener un contenedor <div></div> con un “id” único al que le podamos insertar el contenido generado por este script, que lo que hace es básicamente un menú con las páginas que le indicamos y únicamente hasta donde le hemos indicado. Esto es muy fácil si se utiliza el plug-in “automaketemplate”, por ejemplo:
-
temp.mainTemplate {
-
template =< plugin.tx_automaketemplate_pi1
-
workOnSubpart = PLANTILLA_BODY
-
subparts.breadcrumb < lib.breadcrumb
-
}
Con esto hemos asignado las “migas de pan” a un contenedor con id=breadcrumb (<div id=”bredcrumb”> </div>) Hay que notar que con este segmento de TypoScript le he indicado a Typo3 que quiero que trabaje sobre una “sub-parte” del contenido etiquetado con PLANTILLA_BODY, esto es lo primero que se debe hacer para que poder “trabajar” y asignar contenidos a contenedores dentro de la plantilla.
Con esto marcamos en donde queremos trabajar:
-
content = FILE
-
content.file = fileadmin/plantilla/index.html
-
-
elements {
-
BODY.all = 1
-
BODY.all.subpartMarker = PLANTILLA_BODY
-
}
-
}
Como se puede ver aquí le indico que al cuerpo de mi plantilla lo identifique con PLANTILLA_BODY y de este modo se puede “trabajar” sobre dicha zona con el resto del TypoScript.