261 lines
8.0 KiB
Markdown
261 lines
8.0 KiB
Markdown
# Twig — Filtros personalizados de Acai
|
|
|
|
Este documento describe los filtros Twig propios de Acai (`get`, `queryDB`, `hook`, `module`, `imagec`, `translate`) y los filtros estándar más usados (`raw`, `truncate`, `json_decode`, `split`, `filter`). Acai usa **filtros con pipe `|`**, nunca funciones. Léelo antes de escribir cualquier expresión Twig dentro de `index-base.tpl` o de una sección general. Cubre también la concatenación con `~`, los ternarios, el operador `default` y la diferencia entre `c-if` (=) y `{% if %}` (==).
|
|
|
|
## `get` — Consultar tabla de BD
|
|
|
|
```twig
|
|
{{ 'table_name' | get(where, order, limit) }}
|
|
```
|
|
|
|
- `table_name`: **sin prefijo `cms_`**
|
|
- `where`: string SQL u objeto (opcional)
|
|
- `order`: string de orden (opcional)
|
|
- `limit`: entero (opcional)
|
|
|
|
```twig
|
|
{# Todos los registros #}
|
|
{% set products = 'productos' | get() %}
|
|
|
|
{# Con WHERE string #}
|
|
{% set active = 'productos' | get('activo=1') %}
|
|
|
|
{# Con WHERE objeto #}
|
|
{% set active = 'productos' | get({activo: 1}) %}
|
|
|
|
{# Con WHERE + ORDER + LIMIT #}
|
|
{% set latest = 'noticias' | get('publicado=1', 'fecha DESC', 6) %}
|
|
|
|
{# Single record (primer resultado) #}
|
|
{% set product = 'productos' | get({num: 42}) %}
|
|
{{ product[0].nombre }}
|
|
```
|
|
|
|
Iterar resultados:
|
|
```twig
|
|
{% for producto in 'productos' | get('activo=1', 'num DESC', 10) %}
|
|
<h3>{{ producto.titulo }}</h3>
|
|
{% endfor %}
|
|
```
|
|
|
|
Concatenar valor dinámico en WHERE — usa el operador `~`:
|
|
```twig
|
|
{% set stock = 'stocks' | get('producto_num=' ~ producto.num) %}
|
|
```
|
|
|
|
## `queryDB` — SQL directo
|
|
|
|
Usa el nombre de tabla **completo CON prefijo `cms_`**. Solo cuando `get` no sea suficiente (JOINs, agregaciones complejas).
|
|
|
|
```twig
|
|
{% set results = 'SELECT * FROM cms_productos WHERE precio > 100 ORDER BY precio ASC' | queryDB() %}
|
|
|
|
{# JOIN complejo #}
|
|
{% set top = 'SELECT p.*, COUNT(v.num) as ventas
|
|
FROM cms_productos p
|
|
LEFT JOIN cms_ventas v ON v.producto_num = p.num
|
|
GROUP BY p.num
|
|
ORDER BY ventas DESC
|
|
LIMIT 5' | queryDB() %}
|
|
```
|
|
|
|
## `hook` — Ejecutar PHP hook
|
|
|
|
```twig
|
|
{# Llamar y mostrar resultado #}
|
|
{{ 'hooks/module_id/' | hook({param1: 'value', param2: variable}) }}
|
|
|
|
{# Capturar en variable #}
|
|
{% set result = 'hooks/calcular_precio/' | hook({cantidad: 5, tipo: 'mayoreo'}) %}
|
|
<p>Total: ${{ result.total }}</p>
|
|
```
|
|
|
|
El primer argumento es la ruta del endpoint del hook (`hooks/<id>/`). El objeto pasa los parámetros, que el PHP recibe como variables (`$cantidad`, `$tipo`).
|
|
|
|
## `module` — Renderizar otro módulo
|
|
|
|
```twig
|
|
{{ 'other_module_id' | module({param1: value1}) }}
|
|
|
|
{# Capturar en variable #}
|
|
{% set carrito = 'carrito_compras' | module({usuario_id: 123}) %}
|
|
```
|
|
|
|
Equivale a `<other_module_id :param1="value1"></other_module_id>`.
|
|
|
|
## `imagec` — Optimizar imágenes
|
|
|
|
```twig
|
|
{# Redimensionar a ancho específico #}
|
|
<img src="{{ record.image[0].urlPath | imagec(400) }}">
|
|
|
|
{# Con srcset #}
|
|
<img src="{{ record.image[0].urlPath | imagec(800) }}"
|
|
srcset="{{ record.image[0].urlPath | imagec(400) }} 400w,
|
|
{{ record.image[0].urlPath | imagec(800) }} 800w">
|
|
```
|
|
|
|
Acai genera versiones optimizadas (webp + tamaños) y las cachea. Usa siempre `imagec` para imágenes en producción.
|
|
|
|
## `translate` — Texto editable y traducción
|
|
|
|
Cualquier string con `| translate` se resuelve contra la tabla `textos_generales` del proyecto. Cumple **dos funciones a la vez**:
|
|
|
|
1. **Traducción**: cada fila guarda la versión del texto por cada idioma habilitado.
|
|
2. **Edición de contenidos**: es el canal oficial para que el usuario final modifique esos textos sin tocar código. `| translate` no es solo i18n — es el mecanismo por el que un texto "hardcodeado" se vuelve editable desde el CMS.
|
|
|
|
```twig
|
|
{{ 'Bienvenido' | translate }}
|
|
{{ variable | translate }}
|
|
{{ 'Contáctanos' | translate | raw }}
|
|
```
|
|
|
|
Cómo funciona:
|
|
- Los strings envueltos en `| translate` se buscan en `textos_generales`.
|
|
- Si existe la fila, devuelve el valor guardado (en el idioma activo).
|
|
- Si no existe, devuelve el texto original tal cual (fallback).
|
|
- Las filas se editan desde el admin del CMS o vía `CmsApi` (update sobre `textos_generales`).
|
|
|
|
Reglas críticas:
|
|
- **NO crees archivos JSON de traducciones, `.po`, ni ningún sistema i18n externo.** El único sistema de textos traducibles/editables es la tabla `textos_generales`.
|
|
- **NO hardcodees textos en el código del módulo** si el usuario debe poder editarlos. Envuélvelos en `| translate`.
|
|
- Para **cambiar un texto** (traducir o editar), edita la fila correspondiente en `textos_generales` — nunca modifiques el código.
|
|
- Para **añadir un texto nuevo editable**, basta con escribir el string con `| translate` en el código; el sistema lo recoge y el usuario lo puede editar desde el admin.
|
|
|
|
## Filtros estándar
|
|
|
|
### `raw` — Renderizar HTML sin escapar
|
|
|
|
```twig
|
|
{{ record.description | raw }}
|
|
```
|
|
|
|
Imprescindible para `wysiwyg` y para HTML construido en variables.
|
|
|
|
### `truncate` — Truncar texto
|
|
|
|
```twig
|
|
{{ record.description | truncate(150) }}
|
|
```
|
|
|
|
### `json_decode` — Parsear JSON
|
|
|
|
```twig
|
|
{% set data = jsonString | json_decode %}
|
|
{{ data.key }}
|
|
```
|
|
|
|
### `split`, `filter`, `length`, `default`, `lower`, `upper`, `trim`, `replace`
|
|
|
|
Funcionan igual que en Twig estándar.
|
|
|
|
```twig
|
|
{{ title | default('Sin título') }}
|
|
{{ items | length }}
|
|
{{ name | upper }}
|
|
```
|
|
|
|
## Operadores y sintaxis
|
|
|
|
### Concatenación con `~`
|
|
|
|
Twig usa `~` (no `.` ni `+`):
|
|
|
|
```twig
|
|
{{ 'Hello ' ~ name ~ '!' }}
|
|
{% set url = '/products/' ~ product.slug ~ '/' %}
|
|
```
|
|
|
|
En filtros:
|
|
```twig
|
|
{% set stock = 'stocks' | get('producto_num=' ~ producto.num) %}
|
|
```
|
|
|
|
### Ternario
|
|
|
|
```twig
|
|
{{ isActive ? 'active' : 'inactive' }}
|
|
{{ title | default('Default Title') }}
|
|
```
|
|
|
|
### Comparaciones
|
|
|
|
| Contexto | Igualdad |
|
|
|----------|----------|
|
|
| `c-if` | `=` (un solo igual) |
|
|
| `{% if %}` | `==` (doble igual) |
|
|
|
|
```twig
|
|
{# Atributo Acai - un igual #}
|
|
<div c-if="layout = 'grid'">
|
|
|
|
{# Twig estándar - doble igual #}
|
|
{% if type == 'premium' %}
|
|
{% if items | length > 0 %}
|
|
{% if name is not empty %}
|
|
```
|
|
|
|
## Ejemplos complejos
|
|
|
|
### Galería con productos y stock
|
|
|
|
```twig
|
|
{% for producto in 'productos' | get('destacado=1', 'num DESC', 12) %}
|
|
<div class="producto-card">
|
|
<img src="{{ producto.imagen[0].urlPath | imagec(400) }}" alt="{{ producto.titulo }}">
|
|
<h3>{{ producto.titulo }}</h3>
|
|
<p>{{ producto.descripcion | truncate(100) }}</p>
|
|
|
|
{% set stock = 'stocks' | get('producto_num=' ~ producto.num) %}
|
|
<span>Stock: {{ stock[0].cantidad }}</span>
|
|
</div>
|
|
{% endfor %}
|
|
```
|
|
|
|
### Múltiples filtros combinados
|
|
|
|
```twig
|
|
{% set categorias = 'categorias' | get() %}
|
|
{% set productos = 'productos' | get('activo=1', 'titulo ASC', 20) %}
|
|
{% set stats = 'hooks/obtener_stats/' | hook({fecha_inicio: '2024-01-01'}) %}
|
|
|
|
<h1>{{ stats.titulo | translate }}</h1>
|
|
|
|
<nav>
|
|
{% for cat in categorias %}
|
|
<a href="{{ cat.enlace }}">{{ cat.nombre }}</a>
|
|
{% endfor %}
|
|
</nav>
|
|
|
|
{% for prod in productos %}
|
|
<div>
|
|
<img src="{{ prod.imagen[0].urlPath | imagec(300) }}" alt="">
|
|
<h3>{{ prod.titulo }}</h3>
|
|
</div>
|
|
{% endfor %}
|
|
```
|
|
|
|
### Composición con `<set>` y configuración global
|
|
|
|
```twig
|
|
<set :tienda="'configuracion_tienda' | get('num != 0')[0]"></set>
|
|
{% set logoUrl = tienda.logo.0.urlPath
|
|
? 'https://' ~ server.HTTP_HOST ~ tienda.logo.0.urlPath
|
|
: 'https://' ~ server.HTTP_HOST ~ '/template/estandar/images/logo.png' %}
|
|
|
|
<img src="{{ logoUrl }}" alt="{{ tienda.nombre }}">
|
|
```
|
|
|
|
## Reglas críticas
|
|
|
|
1. **Solo filtros, nunca funciones.** `'tabla' | get()`, no `get('tabla')`.
|
|
2. **Tablas sin prefijo `cms_`** en `get()`. **Con prefijo `cms_`** en `queryDB()`.
|
|
3. **Upload fields son arrays.** `record.imagen[0].urlPath`, no `record.imagen`.
|
|
4. **Concatenación con `~`**, no con `.` ni `+`.
|
|
5. **`c-if` usa `=`**, **`{% if %}` usa `==`**.
|
|
6. **Foreign keys con sufijo `_num`**: `categoria_num`, no `categoria_id`.
|
|
7. **`enlace` ya tiene barras** — no las añadas.
|
|
8. **PK siempre es `num`**, nunca `id`.
|
|
9. **`| translate` para textos editables** — nunca crees JSONs de i18n.
|
|
10. Usa `imagec(width)` para imágenes en producción.
|