web_pricing_list_item Shortcode
El shortcode web_pricing_list_item representa el componente de elemento de lista.
Los atributos que se indican a continuación coinciden con los controles actuales del Page Builder y con la salida pública. Utiliza la sintaxis sin procesar únicamente para contenido revisado que no pueda mantenerse mediante los controles visuales.
Shortcodes primarios permitidos: web_pricing_list.
Uso
[web_pricing_list_item]Atributos
| Atributo | Predeterminado | Valores aceptados | Propósito |
|---|---|---|---|
image |
— | ID de adjunto de la biblioteca o URL de imagen HTTP(S) | Miniatura opcional. Los metadatos de la biblioteca se resuelven en cada renderizado sin caché. |
image_lightbox |
yes |
yes, no |
Abre la imagen original en la caja de luz existente. |
image_decorative |
no |
yes, no |
Oculta la miniatura de las tecnologías de asistencia cuando el texto adyacente transmite su significado. |
el_id |
— | Ancla HTML | ID opcional en el artículo del elemento. |
title |
Pricing list item title here |
Cadena salvo que se indique lo contrario | Controla el título. |
price |
10 |
Cadena salvo que se indique lo contrario | Controla el precio. |
price_prefix |
— | Cadena salvo que se indique lo contrario | Controla el prefijo del precio. |
price_suffix |
€ |
Cadena salvo que se indique lo contrario | Controla el sufijo del precio. |
subtitle |
— | Cadena salvo que se indique lo contrario | Controla el subtítulo. |
icons |
— | Repetidor codificado | Entradas ordenadas de Iconos principales, cada una con una referencia de biblioteca icon y un title opcional. |
icon |
— | Repetidor codificado | Iconos adicionales añadidos después de las entradas de Iconos principales. Ambos nombres de atributo existentes siguen siendo compatibles. |
device_visibility |
— | Cadena salvo que se indique lo contrario | Aplica la regla de visibilidad adaptable seleccionada. |
el_class |
— | Cadena salvo que se indique lo contrario | Si deseas aplicar un estilo diferente a un elemento de contenido en particular, utiliza este campo para añadir un nombre de clase y luego haz referencia a él en tu archivo css. |
Personalizar la hoja de estilos
Los elementos de lista de precios utilizan la hoja de estilos del módulo principal. Ve a Settings → POM Theme → Advanced → Custom CSS → Shortcode CSS assets → Pricing list para editarla. Al guardar, solo se reemplaza la hoja de estilos web-pricing-list existente; no cambia el contenido del elemento, el modal de imagen opcional, los datos de iconos ni la función Tooltip solicitada de forma independiente para los iconos con título.
Verificación
Mantén web_pricing_list_item dentro de web_pricing_list; comprueba el orden de los elementos secundarios y la interacción con el principal en la página pública. Presta especial atención a image y title.
Los títulos, subtítulos, precios, prefijos y sufijos conservan un formato en línea seguro, incluidos enlaces, spans de clase auxiliar, énfasis, precios tachados y superíndices. Los scripts, los controladores de eventos y los protocolos de enlace no seguros se rechazan. Las etiquetas de los iconos permanecen como texto sin formato. Los precios son manuales y pueden ser 0, un intervalo o texto en prosa; no consultan a WooCommerce. Los campos de precio del elemento de Gutenberg permanecen como texto sin formato. Un icono con etiqueta recibe un tooltip accesible por teclado; un icono sin etiqueta es decorativo. Las referencias de imagen no válidas y los archivos de biblioteca que faltan se omiten sin eliminar el texto del elemento.
El repetidor se mantiene mediante los controles del Page Builder. Su valor codificado es base64 de JSON codificado como URL que contiene filas de icon y title. No pegues SVG ni HTML sin procesar en las etiquetas de tooltip.
Para las nuevas páginas de Gutenberg, utiliza Pricing List y Pricing List Item. Comparten la presentación existente y las dependencias condicionales de imagen/caja de luz/tooltip.