[Resuelto] Nota informativa

Hola Antonio.

Quieres poner un texto o una imagen ?

Si lo que quieres es añadir una imagen puedes utilizar el siguiente Snippet:

// Añadir imagen antes del precio en productos de una categoría concreta
add_action( 'woocommerce_single_product_summary', 'custom_image_before_price_category', 9 );
function custom_image_before_price_category() {
global $product;

// Cambia "nombre-de-la-categoria" por el slug de la categoría
if ( has_term( 'nombre-de-la-categoria', 'product_cat', $product->get_id() ) ) {
echo '<img src="https://tusitio.com/ruta/imagen.png" alt="Imagen personalizada" style="max-width:150px;margin-bottom:10px;" />';
}
}

Tienes que modificar " nombre-de-la-categoria " por el Slug de la categoría donde quieres mostrar la imagen y la ruta de la imagen que quieres mostrar.

Puedes añadir el código en el plugin de fragmentos de códigos que tienes instalado

Un saludo

@pepesoler

Hola Pepe,

lo que quiero poner es una pequeña nota informativa para que la tengan en cuanta a la hora de comprar. Esta nota debe estar visible en todas las paginas de la categoría "aislantes térmicos oscurecedores"

Muchas gracias

Hola Antonio,

Haz agregado el código que te comenta Pepe? en que difiere de lo que esperabas, comentanos para poder validar.

Un saludo 🖐️ 

@argenis

Hola,

lo que difiere es que no quiero poner una imagen, lo que quiero es poner un texto como nota informativa para que lo vean los clientes antes de comprar y así evitar errores en la compra.

Hola Antonio,

Solo tendrías que cambiar un elemento:

// Añadir texto antes del precio en productos de una categoría concreta
add_action( 'woocommerce_single_product_summary', 'custom_text_before_price_category', 9 );
function custom_text_before_price_category() {
global $product;

// Cambia "nombre-de-la-categoria" por el slug de la categoría
if ( has_term( 'nombre-de-la-categoria', 'product_cat', $product->get_id() ) ) {
echo '<div class="mensaje-personalizado" style="font-size:16px; font-weight:bold; color:#0073e6; margin-bottom:10px;">Hola bienvenidos</div>';
}
}

Como vez en lugar del <img> ahora es un div, que puedes personalizar con un css:

.mensaje-personalizado {
font-size: 16px;
font-weight: bold;
color: #ffffff; /* blanco */
background-color: #0073e6; /* azul de fondo */
padding: 5px 10px;
border-radius: 4px;
display: inline-block;
margin-bottom: 10px;
}

Un saludo 🖐️ 

@argenis

Hola de nuevo,

muchas gracias por vuestra ayuda.

Un saludo

Hola Antonio,

Encantados de poder ayudar, si tienes alguna otra duda por aquí estaremos.

Un saludo 🖐️