¿Cómo añadir la descripción corta a la página de tienda en Woocommerce?

¿Cómo añadir la descripción corta a la página de tienda en Woocommerce?

Ratio: 5 / 5

Inicio activadoInicio activadoInicio activadoInicio activadoInicio activado
 

Hoy vamos a enseñarte un pequeño truco para mostrar parte de la descripción corta de tu producto en la página de tienda de Woocommerce. Por motivos de usabilidad no es necesario mostrar la descripción corta de tu producto en todas las tiendas y vamos a explicarte el porqué. En aquellas donde el producto es el protagonista, por ejemplo una tienda de moda, una cuidada fotografía de producto se encarga de proporcionar al usuario todo lo que debe saber sobre él. Sin embargo en caso de que vendas servicios, por ejemplo cursos online, nunca está de más mostrar una breve descripción en  la página de tu tienda o categoría. Para que sepas a qué nos referimos vamos a tomar como ejemplo Domestika.

 

Ejemplo de descripción corta en página de tienda

En este ejemplo puedes ver como parte de la descripción corta del producto se incluye en la ficha del producto en la página de tienda o categoría. Sin duda el extracto de la descripción corta puede ser de gran ayuda a la hora de convencer al usuario. 


 

 

Añadir la descripción corta de cada producto a nuestra página de tienda en nuestro Woocommerce

 

Para añadir esta funcionalidad no necesitarás ningn plugin que aumente el tiempo de carga de tu web y complique su mantenimiento. Vamos a hacerlo a través de un archivo que todas las plantillas incluyen, llamado functions.php y que permite personalizar tu plantilla con funciones adicionales como esta. Lo primero de todos es detectar la ruta donde se encuentra el archivo y descargarlos, por si algo sale mal, poder recuperar el sitio, volviendo a subir el archivo original. 

El archivo functions.php lo encontrarás en la siguiente ruta /home/public_html/wp-content/themes/tutemaactivo/functions.php. Donde tu tema activo será el nombre del tema que estes utilizando en tu sitio este momento. Edita el archivo y añade a la última línea el siguiente fragmento de código:

add_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_single_excerpt', 5);

Guarda tu archivo functions PHP si lo estás editando dentro del servidor o sustituyelo por el original a través de FTP o el administrador de archivos de tu servidor. Y verás como en la página de tienda de Woocommerce tus productos aparecen ahora con su descripción corta integra.

 

Cómo añadir a la página de tineda la descripción corta en Woocommerce 

 

Extra: ¿Cómo acortar la descripción corta y que todo quede más integrado?

Es posible que tu descripción corta del producto no lo sea, y sabemos que tener que truncar la descripción corta para que en la página de producto lo aparezcan auténticos parráfo no es útil. Por ello te vamos a enseñar a acortar la descripción en tu ficha de producto dentro de la página de tienda o categoría y además aparezcan los tres puntos suspensivos. Para ello vuelves al tema functions.php y añades las siguientes líneas.

 

add_filter('woocommerce_short_description', 'limit_product_short_description', 10, 1);

function limit_product_short_description($post_excerpt)
 {
    if (!is_product()) 
    {
         $pieces = explode(" ", $post_excerpt);
         $post_excerpt = implode(" ", array_splice($pieces, 0, 15));
     }
   return $post_excerpt.'...';
 }

 

En definitiva para añadir la descripción corta acortándose a las 15 palabras ($post_excerpt = implode(" ", array_splice($pieces, 0, 15) modifica aquí el número de palabras) y concatenando puntos suspensivos (return $post_excerpt.'...'; si no te gustan los ... puedes cambiarlo por lo que quiera respetando las comillas simples) es el siguiente:

 

/**
	 * Incluir descripcion corta en pagina de tienda devolviendo 15 palabras y concatenando puntos suspensivos
	 *
	 */
add_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_single_excerpt', 5);
add_filter('woocommerce_short_description', 'limit_product_short_description', 10, 1);

function limit_product_short_description($post_excerpt)
 {
    if (!is_product()) 
    {
         $pieces = explode(" ", $post_excerpt);
         $post_excerpt = implode(" ", array_splice($pieces, 0, 15));
     }
   return $post_excerpt.'...';
 }

 

Así debe quedar:

 

 

 

 

Sobre el Autor
Author: Álvaro
WooCommerce & WordPress Manager
Álvaro forma parte del equipo de Rombo, especializado en el desarrollo de aplicaciones web en WordPress y WooCommerce, aunque su pasión ha sido Joomla! desde 2008 ¡Le encanta compartir sus conocimientos! Así que... ¡pregunta!

4.8333333333333 1 1 1 1 1 1 1 1 1 1 Valoracion 4.83 (6 Votos)

 

Agencia de Marketing Digital en Cádiz y Chiclana de la Forntera
Somos una Agencia de marketing digital 100% online orientada a resultados.