Añadir contenido alrededor de un producto
Usa Product content hooks para mostrar avisos compartidos, metadatos del producto o shortcodes en once posiciones nativas de producto de WooCommerce. Está pensado para administradores de tienda que sepan editar HTML. WooCommerce debe estar activo y la plantilla del producto debe ejecutar el enganche seleccionado; POM Theme admite estas posiciones clásicas.
Configurar el contenido
- Abre Settings → POM Tweaks → E-Commerce → Products.
- Activa Product content hooks.
- Añade HTML de confianza o un shortcode existente en la posición deseada. Deja vacíos los demás editores.
- Haz clic en Save y abre un producto que use esa posición.
El contenido se comparte entre todos los productos. Las etiquetas específicas de producto que se indican a continuación obtienen sus valores del producto que se está mostrando. Este ajuste no modifica las descripciones, los precios ni el stock del producto.
Etiquetas de producto
Inserta un campo personalizado del producto con:
<p>{{meta_field="delivery_note" text_if_empty="Ask us about delivery" prefix="Delivery: " suffix=""}}</p>meta_field identifica la clave de metadatos del producto. prefix y suffix aparecen solo cuando el valor está presente. text_if_empty aparece cuando falta, está vacío o no es un valor escalar. Un valor de 0 se muestra. El formato HTML seguro de un valor de metadatos se conserva; los elementos de script se eliminan.
Para productos en oferta, estas etiquetas muestran un porcentaje negativo o un ahorro monetario formateado:
{{sale_amount type="percent"}}
{{sale_amount type="amount"}}Por ejemplo, un precio normal de 20 y un precio de oferta de 15 producen -25% y un ahorro de 5 en la moneda de la tienda. La insignia usa la clase CSS tweak-on-sale. No aparecerá ninguna insignia sin una oferta activa válida y un precio normal positivo. Un producto variable debe exponer un par válido de precio normal/oferta para su contexto actual; estas etiquetas no seleccionan una variación ni se actualizan dinámicamente cuando cambia la selección.
Los shortcodes de WordPress registrados también funcionan. Evita incrustar la página completa del producto dentro de uno de sus propios enganches. El renderizado reentrante se suprime para evitar una salida recursiva. Con Polylang, los editores de HTML están disponibles para la traducción de cadenas; conserva las etiquetas y los nombres de shortcode en las traducciones. Las etiquetas de combinación traducibles existentes siguen siendo compatibles.
Posiciones disponibles
| Editor | Acción nativa |
|---|---|
| Before Single product | woocommerce_before_single_product |
| Before Single product summary | woocommerce_before_single_product_summary |
| Before add to cart form | woocommerce_before_add_to_cart_form |
| Before variation form | woocommerce_before_variations_form |
| After add to cart button | woocommerce_after_add_to_cart_button |
| After variations form | woocommerce_after_variations_form |
| Product meta start | woocommerce_product_meta_start |
| Product meta end | woocommerce_product_meta_end |
| Share | woocommerce_share |
| After single product summary | woocommerce_after_single_product_summary |
| After single product | woocommerce_after_single_product |
Todos los fragmentos se ejecutan con prioridad 15. La disponibilidad real depende de la plantilla actual y del flujo del cliente. Las posiciones del formulario de variaciones requieren un producto variable. Un tema o una plantilla de bloques que omita una acción PHP no podrá mostrar su fragmento.
Verificar y desactivar
Comprueba la posición deseada en el escaparate, deja ese editor vacío y guarda: su contenido debería desaparecer. Desactiva el módulo y guarda para detener todas sus inserciones conservando el contenido configurado.
Si falta el contenido, confirma que el módulo está activado, que el editor tiene contenido, que el shortcode existe y que la plantilla actual ejecuta la acción seleccionada. Si el HTML aparece en un lugar incorrecto, revisa el marcado de tabla o bloque circundante. Limpia cualquier caché de página relevante después de cambiar contenido almacenado en caché.
Relacionado: Añadir contenido alrededor del checkout y Explorar modern tweaks.