Añadir una tercera descripción en los productos de WooCommerce

LucusHost, el mejor hosting

A la hora de desarrollar una tienda online con WooCommerce nos podemos encontrar que queremos añadir contenido en diferentes zonas, en este caso la ficha de producto. Por ejemplo tener un campo de descripción extra, como puede ser después de las pestañas.

Por defecto, en los productos de WooCommerce, tenemos la descripción corta que va a la derecha de la imagen del producto y la descripción larga que va en las pestañas. En este tutorial vamos a ver cómo crear un nuevo campo de descripción y colocarlo dónde queramos.

Para ello añadimos el siguiente código en el fichero functions.php de nuestro child theme bien a nuestro plugin de funcionalidades como explico aquí:

add_action( 'add_meta_boxes', 'dl_tercera_descr_productos' );
 
function dl_tercera_descr_productos() {
   add_meta_box(
      'custom_product_meta_box',
      'Tercera descripcion',
      'dl_anadir_contenido_tercera_descr_productos',
      'product',
      'normal',
      'default'
   );
}
 
function dl_anadir_contenido_tercera_descr_productos( $post ){
   $third_desc = get_post_meta( $post->ID, '_third_desc', true ) ? get_post_meta( $post->ID, '_third_desc', true ) : '';   
   wp_editor( $third_desc, '_third_desc' );
}
 
add_action( 'save_post_product', 'dl_guardar_contenido_tercera_descr_productos', 10, 1 );
 
function dl_guardar_contenido_tercera_descr_productos( $post_id ) {
   if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) return;
   if ( ! isset( $_POST['_third_desc'] ) ) return;
   update_post_meta( $post_id, '_third_desc', $_POST['_third_desc'] );
}
 
add_action( 'woocommerce_after_single_product_summary' , 'dl_contenido_tercera_descr_productos', 99 );
   
function dl_contenido_tercera_descr_productos() {
   global $product;
   $third_desc = get_post_meta( $product->get_id(), '_third_desc', true ) ? get_post_meta( $product->get_id(), '_third_desc', true ) : '';
   if ( ! $third_desc ) return;
   echo '<div>';
   echo $third_desc;
   echo '</div>';
}

Con esto, conseguiremos una descripción de producto después de los productos relacionados:

crear tercera descripcion woocommerce

Para cambiar la localización de la misma, deberemos modificar el hook de woocommerce_after_single_product_summary en el código. Si no sabes los hooks de productos en WooCommerce te dejo este artículo.

Recuerda que puedo desarrollar tu tienda online o bien mis servicios de mantenimiento de WooCommerce.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)
mailerlite diegol

Especialista en Comercio electrónico con Woocommerce. Te ayudo a crear, gestionar y publicitar tu Ecommerce en función de tu sector y público objetivo. Puedes encontrarme en Diegol.top

¿Necesitas ayuda con este tutorial? Mándame un correo y te resuelvo todas las dudas!


Ver servicios Curso de WooCommerce

También puedes realizar una donacion para seguir apoyando la salida de nuevos tutoriales y actualizaciones

mailerlite diegol

Reader Interactions

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *