Avisos
Vaciar todo

[Resuelto] descripción en tienda  

 
Lourdes
 Lourdes
Reputable Member

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

Citar
Respondido : 10/12/2021 9:51 am
Pepe
 Pepe
Soporte CMS Webempresa 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 3 años por Pepe
ResponderCitar
Respondido : 10/12/2021 10:53 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Lourdes
 Lourdes
Reputable Member

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

ResponderCitar
Respondido : 10/12/2021 10:54 am
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 10/12/2021 11:03 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Lourdes
 Lourdes
Reputable Member

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

ResponderCitar
Respondido : 10/12/2021 11:38 am
Pepe
 Pepe
Soporte CMS Webempresa 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

 

ResponderCitar
Respondido : 10/12/2021 11:55 am

Lourdes
 Lourdes
Reputable Member

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

ResponderCitar
Respondido : 10/12/2021 12:16 pm
Pepe
 Pepe
Soporte CMS Webempresa 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

 

ResponderCitar
Respondido : 10/12/2021 1:03 pm

Cursos Gratuitos WordPress

Lourdes
 Lourdes
Reputable Member

@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?

ResponderCitar
Respondido : 10/12/2021 6:14 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa 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 

ResponderCitar
Respondido : 10/12/2021 6:38 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación