Documentación
Referencia completa del shortcode [fitfox]: vistas y todas sus opciones.
Todo se muestra con un único shortcode y el atributo vista:
[fitfox vista="calendario-horario" fuentes="clases" hora_inicio="8" tema="oscuro"]vista, se usa calendario-mes.1, si, true, yes u on.| vista= | Familia | Qué es | |
|---|---|---|---|
calendario-mes | Calendarios y horarios | Calendario mensual — Cuadrícula del mes con las sesiones de cada día. En el móvil pasa a lista por días. | Ver demo |
calendario-mes-panel | Calendarios y horarios | Mes + panel del día — Calendario compacto con puntos de color y, al lado, las sesiones del día elegido. | Ver demo |
calendario-semana | Calendarios y horarios | Semana por horas — Columnas por día con las sesiones colocadas en su hora, como una agenda de Google. | Ver demo |
calendario-horario | Calendarios y horarios | Horario semanal (tabla) — La parrilla clásica de gimnasio: franjas horarias en filas y días en columnas. | Ver demo |
calendario-agenda | Calendarios y horarios | Agenda (franja de días) — Tira de días deslizable y debajo la lista de sesiones del día elegido. Ideal para móvil. | Ver demo |
calendario-lista | Calendarios y horarios | Próximas sesiones — Lista cronológica agrupada por día, con hora, plazas y botón. | Ver demo |
calendario-linea | Calendarios y horarios | Línea de tiempo — Línea vertical con las próximas sesiones; muy visual para eventos. | Ver demo |
calendario-hoy | Calendarios y horarios | Hoy en el centro — Widget pequeño con lo que queda hoy (o mañana). Para barras laterales y portadas. | Ver demo |
actividades-tarjetas | Actividades | Tarjetas — Rejilla de tarjetas con imagen, categoría, fechas, precio y botón. | Ver demo |
actividades-filas | Actividades | Lista con imagen — Una actividad por fila: imagen a la izquierda y la información a la derecha. | Ver demo |
actividades-mosaico | Actividades | Mosaico — Imágenes grandes con el texto encima; muy de portada. | Ver demo |
actividades-carrusel | Actividades | Carrusel — Tarjetas en una fila deslizable, con flechas y paso automático opcional. | Ver demo |
actividades-compacta | Actividades | Lista compacta — Solo nombre, fechas y precio. Para barras laterales o pies de página. | Ver demo |
actividades-destacada | Actividades | Destacada (banner) — Una actividad a todo ancho con imagen de fondo y llamada a la acción. | Ver demo |
actividad-ficha | Ficha de actividad | Ficha de una actividad — Página completa de una actividad: descripción, horario, próximas sesiones, precio y compra. | Ver demo |
bonos-tarjetas | Bonos | Tarjetas — Rejilla de bonos con precio, sesiones incluidas y botón de compra. | Ver demo |
bonos-precios | Bonos | Tabla de precios — Columnas de tarifa con un bono destacado, al estilo de las webs de software. | Ver demo |
bonos-comparativa | Bonos | Comparativa — Tabla con los bonos en columnas y qué incluye cada uno en filas. | Ver demo |
bonos-filas | Bonos | Lista — Un bono por fila, con precio a la derecha. | Ver demo |
bonos-carrusel | Bonos | Carrusel — Bonos en una fila deslizable. | Ver demo |
bonos-compacta | Bonos | Lista compacta — Nombre y precio, como una carta. | Ver demo |
entradas-tarjetas | Entradas | Tarjetas — Rejilla de entradas con sus precios y botón de compra. | Ver demo |
entradas-ticket | Entradas | Ticket — Cada entrada dibujada como un ticket con su matriz troquelada. | Ver demo |
entradas-filas | Entradas | Lista — Una entrada por fila con sus variantes de precio. | Ver demo |
entradas-carrusel | Entradas | Carrusel — Entradas en una fila deslizable. | Ver demo |
entradas-compacta | Entradas | Lista compacta — Nombre y precio desde. | Ver demo |
boton | Botón | Botón de acción — Un botón suelto hacia el registro, el acceso de socios, la tienda de bonos o el horario. | Ver demo |
Agrupadas como en el generador. La columna «Vistas» indica a qué familias se aplica cada atributo.
| Atributo | Qué hace | Vistas | Valores | Por defecto |
|---|---|---|---|---|
fuentes | Mostrar en el calendario | calendarios y horarios | actividadesclases | actividades,clases |
id | Actividad | ficha de actividad | id (número) | — |
destino | A dónde lleva | botón | registroaccesobonostiendahorarioactividadbonoentrada | registro |
destino_id | Qué comprar | botón | id (número) | — |
| Atributo | Qué hace | Vistas | Valores | Por defecto |
|---|---|---|---|---|
categorias | Solo estas categorías Vacío = todas. | calendarios y horarios, actividades | ids separados por comas | — |
excluir_categorias | Excepto estas categorías | calendarios y horarios, actividades | ids separados por comas | — |
tipos | Tipos de actividad Vacío = todos. | calendarios y horarios, actividades | RecurrenteIntensivaEventoGratuita | — |
actividades | Solo estas actividades | calendarios y horarios, actividades | ids separados por comas | — |
clases | Solo estas clases de bonos Las actividades del módulo de bonos (Yoga, Pilates…). Vacío = todas. | calendarios y horarios | ids separados por comas | — |
bonos | Solo estos bonos En el orden en que los marques. Vacío = todos los que están a la venta. | bonos | ids separados por comas | — |
entradas | Solo estas entradas | entradas | ids separados por comas | — |
solo_a_la_venta | Solo las que tienen la inscripción abierta | actividades | 10 | 0 |
buscador | Buscador para el visitante | actividades, bonos, entradas | 10 | 0 |
filtros | Filtros por categoría / clase para el visitante | calendarios y horarios, actividades | 10 | 1 |
| Atributo | Qué hace | Vistas | Valores | Por defecto |
|---|---|---|---|---|
columnas | Columnas (escritorio) | actividades, bonos, entradas | número 1–6 | 3 |
columnas_tablet | Columnas (tablet) | actividades, bonos, entradas | número 1–4 | 2 |
columnas_movil | Columnas (móvil) | actividades, bonos, entradas | número 1–2 | 1 |
limite | Cuántos mostrar En listas: por página. En «Próximas sesiones», «Línea de tiempo» y «Hoy»: sesiones como máximo. | actividades, bonos, entradas, calendarios y horarios | número 1–100 | 12 |
paginacion | Paginación | actividades, bonos, entradas | masnumerosninguna | mas |
orden | Orden | actividades, bonos, entradas | proximasnombreprecioprecio_descrecientesmanual | proximas |
proporcion | Proporción de la imagen | actividades, ficha de actividad | 16:94:33:21:13:4 | 16:9 |
autoplay | Paso automático del carrusel (segundos, 0 = no) | actividades, bonos, entradas | número 0–30 | 0 |
destacar | Bono destacado (tabla de precios) | bonos | id (número) | — |
alineacion | Alineación | botón | izquierdacentroderechaancho | izquierda |
tamano | Tamaño | botón | pequenonormalgrande | normal |
| Atributo | Qué hace | Vistas | Valores | Por defecto |
|---|---|---|---|---|
imagen | Imagen | actividades, ficha de actividad | 10 | 1 |
descripcion | Descripción | actividades, bonos, entradas, calendarios y horarios | 10 | 1 |
largo_descripcion | Largo máximo de la descripción (caracteres) | actividades, bonos, entradas, calendarios y horarios | número 40–2000 | 140 |
precio | Precio | actividades, bonos, entradas, ficha de actividad, calendarios y horarios | 10 | 1 |
iva | Aviso de IVA junto al precio | actividades, bonos, entradas, ficha de actividad | 10 | 0 |
etiquetas | Categorías y etiquetas | actividades, bonos, entradas, calendarios y horarios, ficha de actividad | 10 | 1 |
fechas | Fechas y horario | actividades | 10 | 1 |
plazas | Plazas libres | calendarios y horarios, actividades, ficha de actividad | 10 | 1 |
profesor | Monitor / profesor | calendarios y horarios | 10 | 1 |
lugar | Sala o lugar | calendarios y horarios, actividades, ficha de actividad | 10 | 1 |
boton | Botón de compra / reserva | actividades, bonos, entradas, calendarios y horarios, ficha de actividad | 10 | 1 |
incluye | Qué incluye (sesiones, clases, validez) | bonos | 10 | 1 |
detalle | Al pulsar un elemento | actividades, bonos, entradas, calendarios y horarios | ventanaenlacenada | ventana |
| Atributo | Qué hace | Vistas | Valores | Por defecto |
|---|---|---|---|---|
primer_dia | La semana empieza en | calendarios y horarios | lunesdomingo | lunes |
dias | Días que se muestran | calendarios y horarios | 1234567 | 1,2,3,4,5,6,7 |
hora_inicio | Hora de inicio (semana y horario; 0 = automática) | calendarios y horarios | número 0–23 | 0 |
hora_fin | Hora de fin (0 = automática) | calendarios y horarios | número 0–24 | 0 |
semanas | Semanas hacia delante (próximas, línea de tiempo y agenda) | calendarios y horarios | número 1–8 | 4 |
leyenda | Leyenda de colores | calendarios y horarios | 10 | 1 |
hora_fin_visible | Mostrar la hora de fin | calendarios y horarios | 10 | 1 |
pasadas | Mostrar sesiones ya pasadas | calendarios y horarios | 10 | 0 |
movil | En el móvil | calendarios y horarios | autoagendaigual | auto |
color_por | Color de cada sesión | calendarios y horarios | actividadcategoriaacento | actividad |
| Atributo | Qué hace | Vistas | Valores | Por defecto |
|---|---|---|---|---|
estilo_boton | Estilo de los botones | todas | rellenobordetextopastilla | relleno |
color | Color principal Vacío = el de los ajustes del plugin. | todas | color hexadecimal, p. ej. #FF6401 | el de los ajustes |
tema | Tema | todas | clarooscuroauto | el de los ajustes |
estilo | Acabado | todas | tarjetaplanominimocolor | tarjeta |
radio | Redondeo de esquinas (px, -1 = el de los ajustes) | todas | número -1–40 | -1 |
densidad | Densidad | todas | compactanormalamplia | el de los ajustes |
clase | Clase CSS adicional Para dar estilos propios desde el tema. | todas | texto (máx. 80) | — |
| Atributo | Qué hace | Vistas | Valores | Por defecto |
|---|---|---|---|---|
texto_destacado | Etiqueta del destacado Por defecto, «El más elegido». | bonos | texto (máx. 30) | — |
titulo | Título encima | todas | texto (máx. 120) | — |
subtitulo | Subtítulo | todas | texto (máx. 240) | — |
texto_boton | Texto del botón Vacío = «Comprar», «Inscribirme» o «Reservar» según el caso. | todas | texto (máx. 40) | — |
texto_vacio | Texto cuando no hay nada que mostrar | actividades, bonos, entradas, calendarios y horarios | texto (máx. 160) | — |
abrir_en | Los enlaces se abren en | todas | mismanueva | el de los ajustes |
[fitfox vista="calendario-horario" fuentes="clases" hora_inicio="7" hora_fin="22"][fitfox vista="calendario-mes" fuentes="actividades" categorias="3,7"][fitfox vista="actividades-tarjetas" buscador="1" columnas="4" solo_a_la_venta="1"][fitfox vista="bonos-precios" destacar="12" texto_destacado="Recomendado"][fitfox vista="entradas-ticket" tema="oscuro"][fitfox vista="boton" destino="registro" alineacion="centro" tamano="grande"]Los ids de categorías, actividades o bonos de estos ejemplos son inventados: en el generador eliges los tuyos de una lista.