web_pricing_list shortcode
El shortcode web_pricing_list agrupa entradas web_pricing_list_item estructuradas en una única lista de precios con estilo de menú. Los títulos, los precios, los medios y los detalles de cada elemento pertenecen a los hijos.
Los atributos que se indican a continuación coinciden con los controles actuales del Page Builder y con el resultado público. Utiliza la sintaxis en crudo únicamente para contenido revisado que no pueda mantenerse mediante los controles visuales.
Shortcodes hijos permitidos: web_pricing_list_item.
Uso
[web_pricing_list]
Content
[/web_pricing_list]Atributos
| Atributo | Valor predeterminado | Valores aceptados | Propósito |
|---|---|---|---|
device_visibility |
— | Cadena salvo que se indique lo contrario | Aplica la regla de visibilidad adaptable seleccionada. |
el_class |
— | Nombres de clase CSS separados por espacios | Añade clases al contenedor de la lista de precios. |
el_id |
— | Ancla HTML | ID opcional en el contenedor de la lista. |
Contenido incluido
Coloca los hijos web_pricing_list_item directamente entre las etiquetas. El elemento padre procesa cada hijo y proporciona el contenedor compartido de la lista; no define la moneda, el formato de los precios ni las imágenes.
Personalizar la hoja de estilos
Ve a Settings → POM Theme → Advanced → Custom CSS → Shortcode CSS assets → Pricing list para comparar el código fuente actual de pricing-list.min.css con una versión editable. Al guardar, se crea un reemplazo minificado por sitio para el identificador existente de web-pricing-list. El shortcode padre, los elementos anidados, la carga condicional y el contrato del módulo de hoja de estilos permanecen sin cambios. Revert to theme CSS elimina el reemplazo y restaura el recurso actual del tema.
Verificación
Comprueba el orden de los elementos, los títulos largos, los prefijos y los sufijos con precios realistas. Si las imágenes están habilitadas en elementos individuales, confirma que el comportamiento del modal de miniaturas no oculta el título ni el precio asociados.
El bloque Pricing List de Gutenberg utiliza el mismo contenedor, la misma hoja de estilos del componente y la misma representación de elementos. Ambas representaciones se siguen mostrando cuando la interfaz Legacy Page Builder está deshabilitada.