WooCommerce Agregar la breve descripción del producto a las páginas de archivo

Lo que vas a crear

WooCommerce viene con páginas de archivo y bucles que hacen un gran trabajo, pero a veces es posible que necesite mostrar un poco más de información en su tienda principal y en otras páginas de archivo..

En este tutorial, le mostraré cómo puede agregar la descripción breve del producto a sus páginas de archivo y mostrarla debajo del título del producto.

Lo que necesitarás

Para seguir adelante, necesitarás:

  • Una instalación de desarrollo de WordPress..
  • Un editor de código.
  • WooCommerce instalado y activado.
  • Productos agregados: he importado los datos de producto ficticios que vienen con WooCommerce; para detalles de como hacer esto, vea esta guía.
  • Un tema compatible con WooCommerce activado. Estoy usando Storefront.

Antes de comenzar, asegúrese de tener configurado WooCommerce. Para agregar las descripciones cortas del producto, seguirás tres pasos:

  1. Cree un complemento para la función y active el complemento.
  2. Agregue una función que genere la descripción corta del producto..
  3. Identifique el gancho en WooCommerce al que necesitamos conectar la función y adjunte la función a ese gancho.

Así que vamos a empezar!

Creando el Plugin

En tus wp-content / plugins directorio, crea un nuevo archivo PHP. Estoy llamando al mio tutsplus-product-archive-short-descriptions.php.

Abra el archivo en su editor de código. En la parte superior del archivo, agregue esto:

Esto configura el complemento y le da a WordPress todo lo que necesita para activarlo..

Ahora ve al Complementos Pantalla en tu administrador de WordPress y encuentra el plugin:

Ahora activalo.

Al principio no hará ninguna diferencia ya que no lo has poblado. Así es como se ve la página principal de la tienda ahora mismo:

Escribir una función para dar salida a la breve descripción

La breve descripción de los productos en WooCommerce utiliza el extracto que encontrarás en las publicaciones normales, por lo que para mostrarlo todo lo que necesitas hacer es mostrar el extracto de la publicación..

En su archivo de complemento, agregue el siguiente código:

function tutsplus_excerpt_in_product_archives () the_excerpt (); 

¡Es tan simple como eso! Pero ahora necesita conectar su función a la acción correcta, para que se muestre en el lugar correcto en sus páginas de archivo..

Enganchar la función a la acción correcta

Echemos un vistazo al archivo de WooCommerce que genera el contenido del bucle en las páginas de archivo. Este archivo es contenido-producto.php, y lo encontrarás en el plantillas carpeta en el plugin WooCommerce.

El archivo incluye una serie de ganchos de acción, todos los cuales son utilizados por WooCommerce para generar contenido diferente.

Como queremos mostrar nuestro extracto debajo del título del producto, el gancho que necesitamos usar es woocommerce_after_shop_loop_item_title. Como se puede ver en la contenido-producto.php archivo, ya tiene dos funciones adjuntas, woocommerce_template_loop_rating ()woocommerce_template_loop_price (), que tienen prioridades de 5 y 10 respectivamente. Por lo tanto, debemos conectar nuestra función con un número de prioridad más alto, para asegurarnos de que se active después de esos. Voy a dejar un poco de libertad y uso 40 como la prioridad.

Debajo de su función, agregue esto:

add_action ('woocommerce_after_shop_loop_item_title', 'tutsplus_excerpt_in_product_archives', 40);

Ahora guarde su archivo de complemento y actualice la página de la tienda en su navegador. Ahora verá las descripciones breves del producto debajo de los nombres de los productos:

Estas descripciones (proporcionadas por los datos ficticios) son un poco largas: personalmente utilizaría descripciones más cortas en un sitio en vivo. Pero puedes ver claramente las descripciones mostradas en las páginas de archivo..

Resumen

Debido a que WooCommerce genera casi todo su contenido mediante enlaces de acción, es sencillo agregar más contenido escribiendo funciones y adjuntándolas a esos enlaces. En este tutorial, ha aprendido cómo agregar descripciones breves de productos a sus archivos de productos. Si quisiera llevar esto más lejos, podría incluir una o más etiquetas condicionales en su función para hacer esto en páginas de archivo específicas..