Loops

Este artículo explica el uso de la marca %%LOOP%% en plantillas de portada.
La marca LOOP

 

Áreas

LOOP(nº de área)(descripción)

Descripción

La marca LOOP define el inicio y el término de una área. dentro de estas marcas irán el resto de las marcas de aquellos elementos (titular, bajada, textos, imágenes,etc.) que se desean publicar en este sector.

El inicio del área se define %%LOOP(nº)(descripcion)%%, donde nº corresponde al número de área (1, 2, etc.) y para finalizar el área %%/LOOP%%.

La descripción del LOOP es opcional. Este debe letras, números y espacios.

Importante: sólo para las portadas taxonómicas no se debe colocar el número.

FID

No aplica.

Artículo

Portada

Portada Taxonómica

RSS

< div class="mainblock" >

< table width="460" border="0" cellspacing="0" cellpadding="0" >

< tr >

< td colspan="3" width="460" valign="top" >

%%LOOP1(Area 1)%%

%%MACRO(macro_col460.html)%%

%%/LOOP%%

< /td >

< /tr >

< tr >

< td width="200" valign="top" >

%%LOOP2%%

%%MACRO(macro_col200.html)%%

%%/LOOP%%

< /td >

< td width="10" > < /td >

< td width="250" valign="top" >

%%LOOP3(Destacados)%%

%%MACRO(macro_col200.html)%%

%%/LOOP%%

< /td >

< /tr >

< /table >

< /div >

Artículo

Portada

Portada Taxonómica

RSS

%%LOOP%%

< table width="465" border="0" cellspacing="0" cellpadding="0" style="border-bottom:1px solid #D1D1D1; padding-bottom:12px; margin-bottom:15px;" >

< tr align="left" valign="top" >

< td >

< div class="epigrafe" >%%_SECC_TEMA_STEMA_NOM%%< /div >

< div class="titular" >

< a href="%%_FILE%%" >< p >%%_TITULAR%%< /p >< /a >< /div >

%%IF(_FECHAP)%%

< div class="fecha" >%%_FECHAPSHRT%%< /div >

%%/IF%%

< div class="bajada" >< p >%%_BAJADA%%< /p >< /div >

< /td >

< /tr >

< /table >

%%/LOOP%%

Uso de la marca _loopcounter

La marca _loopcounter es un contador de loop dentro de un área. Sirve para ir consultando en que vuelta va el determinado loop de un área.

Por ejemplo, si en el Area 1 de una portada hay publicado 5 artículos y se necesita mostrar el primero publicado con una clase de css distinta, se podría hacer lo siguiente.

%%LOOP1(Área 1)%%
%%IF(_loopcounter = 1)%% < div class="clase1" >%%_txt_titular%%< /div > %%/IF%%
%%IF(_loopcounter > 1)%% < div class="clase2" >%%_txt_titular%%< /div > %%/IF%%
%%/LOOP%%

También es posible imprimir el dato en pantalla en caso de necesitarlo para algo, por ejemplo si necesitamos aplicar un id distinto a cada div, se podría hacer algo como esto:

%%LOOP1(Área 1)%%
< div id="titular%%_loopcounter%%" >%%_txt_titular%%< /div >
%%/LOOP%%

Desde la release 11.2.79, es posible comparar las marcas _loopcounter y _totartics para saber si estamos en el último ítem de la lista, por ejemplo:

%%LOOP1(Área 1)%%
%%NIF(_loopcounter eq _totartics)%% <div>%%_txt_titular%% </div>%%/NIF%%
%%IF(_loopcounter eq _totartics)%% <div class="ultimo">Para terminar, %%_txt_titular%% </div>%%/IF%%
%%/LOOP%%

 

Uso de la marca _totartics
La marca _totartics almacena el total de artículos publicados en un area. Sirve para saber la cantidad de artículos que se han publicado en un area específica.

Por ejemplo, si en el Area 1 de una portada se necesita mostrar una lista de artículos siempre y cuando el número de artículos publicados en dicha area sea mayor o igual 5, se podría hacer lo siguiente:

%%LOOP1(Área 1)%%
%%IF(_totartics >= 5)%%
< div >%%_txt_titular%%< /div >
%%/IF%%
%%/LOOP%%

_LOOP_ARTIC

Iterador dentro de plantilla de artículo

_LOOP_ARTIC(inicio, fin)

Descripción

Permite insertar loops en una plantilla de artículo, cosa muy útil por ejemplo para generar carruseles o galerías de fotos. Disponible desde la release 11.2.71.

Dentro del loop, se puede usar la variable de iteración con el código ##i##.

FID

No aplica.

Artículo

Portada

Portada Taxonómica

RSS

%%_LOOP_ARTIC(1,5)%%
 %%IF(fotofija_port##i##_thumb)%%
 < li >< a href="%%fotofija_port##i##_foto%%" >
< img src="%%fotofija_port##i##_thumb%%" width="%%fotofija_port##i##_thumb%%" >< /a >< /li > %%/IF%% %%/_LOOP_ARTIC%%
El código anterior arroja:
%%IF(fotofija_port1_thumb)%% < li >< a href="%%fotofija_port1_foto%%" >
< img src="%%fotofija_port1_thumb%%" width="%%fotofija_port1_thumb%%" >< /a >< /li > %%/IF%%
%%IF(fotofija_port2_thumb)%% < li >< a href="%%fotofija_port2_foto%%" >
< img src="%%fotofija_port2_thumb%%" width="%%fotofija_port2_thumb%%" >< /a >< /li > %%/IF%%
%%IF(fotofija_port3_thumb)%% < li >< a href="%%fotofija_port3_foto%%" >
< img src="%%fotofija_port3_thumb%%" width="%%fotofija_port3_thumb%%" >< /a >< /li > %%/IF%%
%%IF(fotofija_port4_thumb)%% < li >< a href="%%fotofija_port4_foto%%" >
< img src="%%fotofija_port4_thumb%%" width="%%fotofija_port4_thumb%%" >< /a >< /li >
%%/IF%%

%%IF(fotofija_port5_thumb)%%
< li >< a href="%%fotofija_port5_foto%%" >
< img src="%%fotofija_port5_thumb%%" width="%%fotofija_port5_thumb%%" >< /a >< /li >
%%/IF%%
Esto luego es parseado de manera normal como marcas Prontus.