Una lista a la que el cliente añade filas
fld-loop="Nombre de la lista" Bebidas, reseñas, un equipo, preguntas y respuestas: todo lo que son tarjetas iguales una tras otra. El cliente añade, quita y reordena filas, y el diseño de cada tarjeta se mantiene.
Dónde va
En el bloque que contiene las tarjetas que se repiten. La primera tarjeta con campos se convierte en el patrón de una fila; las demás son las filas que trae «Cargar datos».
Los campos de dentro de una tarjeta se marcan como siempre: fld-text para el texto, fld-image para una imagen.
El campo aparece en el panel solo si la página tiene un nombre de grupo: wp-fields-group en su <body>.
Ejemplo: la carta de bebidas
<div class="cards" fld-loop="Drinks">
<article class="card">
<h3 fld-text="Name">Latte</h3>
<span fld-text="Price">$4.20</span>
</article>
<article class="card">
<h3 fld-text="Name">Cappuccino</h3>
<span fld-text="Price">$3.90</span>
</article>
</div>El cliente añadió la tercera fila en el panel; no estaba en el marcado.
Lo importante
- Marca todas las tarjetas, no solo la primera. Una tarjeta sin atributos no pasa al panel.
- El nombre de la lista es su título en el panel: escríbelo de forma que el cliente lo entienda.
- Nombres distintos para los campos de una fila.
- Si en el panel no hay filas, el bloque entero desaparece de la página.
Errores frecuentes
El registro de la generación es la pestaña «Registros» de tu proyecto en themeforge.pro; la revisión gratuita del marcado muestra los mismos avisos.
<div fld-loop="Drinks">
<div class="deco"></div>
<article class="card">
<h3 fld-text="Name">Latte</h3>
</article>
</div>Un elemento decorativo antes de las tarjetas: la generación lo omite, lo anota en el registro, y el elemento no se muestra.
<div class="deco"></div>
<div fld-loop="Drinks">
<article class="card">
<h3 fld-text="Name">Latte</h3>
</article>
</div>La decoración va fuera de la lista.
<section fld-loop="Drinks">
<div fld-loop="Drinks">…</div>
</section>Una lista dentro de otra con el mismo nombre: la generación renombra la interior como «Drinks 2» e informa de una colisión.
<section fld-loop="Menu sections">
<div fld-loop="Drinks">…</div>
</section>Cada lista tiene su propio nombre.
Lo mismo en los ajustes del sitio o en una categoría
fld-loop | en una página o entrada, como arriba |
|---|---|
opt-loop | en los ajustes del sitio: una sola lista para todas las páginas, como los enlaces a redes sociales |
tax-loop | en una categoría o etiqueta |
Escritura alternativa
f_loop, o_loop, t_loop funciona igual: la generación da un tema idéntico.