Mostrar insignia “NUEVO” en productos recientes de WooCommerce
Este snippet agrega una insignia visual con el texto “NUEVO” en la imagen destacada de los productos que fueron creados hace menos de X días (por defecto, 30). Esto permite resaltar visualmente los productos más recientes en tu tienda WooCommerce, incentivando su visualización y compra.
Muestra de codigo del snippet
/**
* Muestra una insignia "NUEVO" para productos añadidos recientemente
* Autor: WPAdictos
*/
function wpadictos_agregar_insignia_nuevo_en_productos() {
global $product;
// Configurar la cantidad de días considerados como "nuevo"
$dias_nuevo = 30;
// Obtener la fecha de publicación del producto
$fecha_publicacion = strtotime(get_the_date('Y-m-d', $product->get_id()));
- 100% Compatible
- Fácil de integrar
- Código seguro
$2.99 El precio original era: $2.99.$1.97El precio actual es: $1.97.
14
Personas viendo este producto!
¿Dónde colocar el código?
Ubicación recomendada: Pegalo en el archivo functions.php
de tu tema hijo o en un plugin personalizado.
Pasos para implementarlo
- Accedé al panel de administración de WordPress.
- Ir a Apariencia > Editor de archivos de tema (o usar FTP/SFTP).
- Abrí el archivo
functions.php
del tema hijo. - Pegá el snippet al final del archivo.
- Guardá los cambios y actualizá la tienda para ver el resultado.
Requisitos previos
- Tienda WooCommerce activa y productos publicados.
- Uso de un tema hijo para preservar los cambios en futuras actualizaciones.
Ejemplo de uso práctico
Escenario: Si agregás un producto hoy, durante los próximos 30 días aparecerá automáticamente con una etiqueta “NUEVO” en la esquina superior izquierda de su imagen en la tienda.
Personalización
Modifica fácilmente:
- Para cambiar el texto “NUEVO”, modificá
NUEVO
enecho '<span class="insignia-nuevo">NUEVO</span>';
. - Podés cambiar el valor de
$dias_nuevo
para definir cuánto tiempo un producto es considerado nuevo. - Personalizá los estilos CSS dentro de la función
wpadictos_estilos_insignia_nuevo
según el diseño de tu tienda.
Cómo probar que funciona
- Añadí un nuevo producto a tu tienda y verificá que aparezca con la insignia “NUEVO”.
- Probá con productos antiguos para confirmar que no se les aplica la insignia.
Producto recomendado
WPCode Pro – The Best WordPress Code Snippets Plugin
In stock
Snippets Recomendados
Desactivar tamaños de imagen generados automáticamente
In stock
Redireccionar a los usuarios después del login según su rol
In stock
Mostrar historial de productos comprados en Mi Cuenta
In stock
Mostrar la fecha de última actualización en publicaciones
In stock
Desactivar completamente los feeds RSS en WordPress
In stock