Avisos
Vaciar todo

[Resuelto] descripción en tienda

10 Respuestas
3 Usuarios
0 Reactions
30 Visitas
Respuestas: 399
Reputable Member
Topic starter
 

Como puedo hacer que se previsualice la descripción del producto?

Lo que quiero mostrar:

Captura de pantalla 2021 12 10 a las 10.47.25

 Ejemplo:

Captura de pantalla 2021 12 10 a las 10.37.29

Contenido solo visible a usuarios registrados


 
Respondido : 10/12/2021 9:51 am
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Lourdes.

Por lo que veo quieres mostrar la descripción corta del producto en las categorias de los productos.

Prueba añadir lo siguiente en el archivo functions.php que encontraras en wp-content -> Themes -> Tu _plantilla:

add_action( 'woocommerce_after_shop_loop_item_title', 'dcms_show_description_item_product', 10, 0 );

function dcms_show_description_item_product() { 
	global $product;
	$chars_quantity = 100; //cantidad de caracteres a mostrar
	
	//Obtenemos la información del producto
	$product_details = $product->get_data();
	$short_description = $product_details['short_description'];

	//limpieza
	$short_description = strip_shortcodes($short_description);
	$short_description = wp_strip_all_tags($short_description);

	//recorte caracteres
	$short_description = substr($short_description, 0, $chars_quantity);
	$short_description = substr($short_description, 0, strripos($short_description, ' '));

	//mostrar descripción
	echo "
"
.$short_description."...";
}

 

Un saludo


Esta publicación ha sido modificada el hace 4 años por Pepe
 
Respondido : 10/12/2021 10:53 am
Respuestas: 399
Reputable Member
Topic starter
 

@pepesoler Es posible añadirlo por css en personalizar? Gracias


 
Respondido : 10/12/2021 10:54 am
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Lourdes.

Es posible añadirlo por css en personalizar?

No, el código es una función y no tiene nada que ver con los estilos de CSS.

Si no quieres tocar archivos puedes utilizar un plugin:

-> https://es.wordpress.org/plugins/code-snippets/

 

Un saludo


 
Respondido : 10/12/2021 11:03 am
Respuestas: 399
Reputable Member
Topic starter
 

@pepesoler Ouede decirme como acceder a ese archivo? Desde cpanel o desde el mismo wordpress? Gracias.


 
Respondido : 10/12/2021 11:38 am
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola lourdes 

Puedes acceder al archivo desde tu cuenta de cPanel -> Administrador de archivos.

-> https://guias.webempresa.com/preguntas-frecuentes/administrador-archivos-cpanel/#cpanel

-> https://guias.webempresa.com/preguntas-frecuentes/editar-archivos-desde-cpanel/#cpanel

 

un saludo

 


 
Respondido : 10/12/2021 11:55 am
Respuestas: 399
Reputable Member
Topic starter
 

@pepesoler Me he descargado el plugin de code snippets. Como le añado el codigo que me manda?


 
Respondido : 10/12/2021 12:16 pm
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Lourdes.

.- Accede a " Fragmentos de código " y pulsa en " Añadir nuevo "

screenshot masquecms.es 2021.12.10 14 00 58

.- Añade un titulo para tenerlo identificad y en la celda Código añade el código:

screenshot masquecms.es 2021.12.10 14 01 46

 

Un saludo

 


 
Respondido : 10/12/2021 1:03 pm
Respuestas: 399
Reputable Member
Topic starter
 

@pepesoler Como puedo hacer que la descripción corta sea tamaño 14px y el titulo sea en tamaño 16px? lo puedo marcar desde el plugin code o seria con css?


 
Respondido : 10/12/2021 6:14 pm
Karen Rios
Respuestas: 18663
Illustrious Member Moderator
 

Hola Lourdes, 

Supongo te refieres a esta opción 

Screenshot (97)

Si es así, prueba con el siguiente código CSS

.woocommerce ul.products li.product h6 {
font-size: 16px !important;
}

.dcms-item-description {
font-size: 14px!important;
}

Un Saludo 


 
Respondido : 10/12/2021 6:38 pm