Avisos
Vaciar todo

añadir imagen con texto  

 
Pablo
 Pablo
Usuario eminente

Hola buenas, como puedo añadir una imagen con texto formato png. o un texto con un icono en un apartado que es solo para texto como por ejemplo en es apartado descripción de una categoria? adjunto foto gracias

Captura de pantalla 2024 05 16 a las 12.19.47

 

 

Contenido solo visible a usuarios registrados

Citar
Respondido : 16/05/2024 12:25 pm
Pablo
 Pablo
Usuario eminente
Subtítulo

 por ejemplo añadir esa foto .

ResponderCitar
Respondido : 16/05/2024 1:18 pm

Cursos Gratuitos WordPress

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Pablo, 

En este caso lo que puedes probar es mostrar la misma imagen de las categorías en las páginas de archivos de los productos, para ello puedes probar utilizar el siguiente código en el function.php de tu tema o un plugin como code snippets

/**
* Display category image on category archive
*/
add_action( 'woocommerce_archive_description', 'woocommerce_category_image', 2 );
function woocommerce_category_image() {
if ( is_product_category() ){
global $wp_query;
$cat = $wp_query->get_queried_object();
$thumbnail_id = get_term_meta( $cat->term_id, 'thumbnail_id', true );
$image = wp_get_attachment_url( $thumbnail_id );
if ( $image ) {
echo '<img src="' . $image . '" alt="' . $cat->name . '" />';
}
}
}

Una vez lo añadas esto despliega la imagen que asignes a tu categoría, por lo que necesitaras subirla en la sección correcta

image

Luego de configurar estos cambios, añade el siguiente código CSS en Apariencia → personalizar → CSS adicional para que se ajusten bien la imagen como deseas

.woocommerce-products-header {
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.woocommerce-products-header img {
width: 100px;
}
.term-description {
margin-left: 20px;
width: 70%;
}
@media only screen and (max-width: 600px) {
.term-description {
margin-left: 10px;
width: 100%;
}
}

Guarda los cambios y revisa si con ello se muestra lo que necesitas en la página de tus categorías. 

Un Saludo 

ResponderCitar
Respondido : 16/05/2024 1:57 pm