Normalmente, el editor de productos de WooCommerce ofrece 2 cajas para describir tus productos, que suelen ser más que suficientes para la mayoría de tiendas online, pero no siempre es así.
Las cajas de descripción de producto por defecto en WooCommerce son las siguientes:
- Caja de descripción principal – La que se visualiza al acceder a «Más información» del producto, donde se espera que vaya la descripción larga y detallada del producto.
- Descripción corta del producto – Descripción breve o extracto del producto, que se ve justo debajo del precio, al lado de las fotografías. Es la descripción breve que debe «vender» el producto.
Pero, como te decía, en ciertas tiendas no será suficiente y querrías tener otra caja de texto adicional, en la que describir otros detalles de tus productos, como por ejemplo un espacio dedicado a la ficha técnica.
Pues esto es muy fácil de conseguir de varias maneras. Una de ellas sería añadir una nueva pestaña a WooCommerce, como ya vimos. Y otro modo de conseguirlo sería añadir un campo de descripción adicional, sin necesidad de plugins, otra caja de edición de texto en el editor de productos.
Añadirlo es tan fácil como agregar este código a tu plugin de personalizaciones, archivo functions.php, lo que prefieras…
/** Agregar campo adicional de texto a productos WooCommerce **/
add_action( 'add_meta_boxes', 'ayudawp_nueva_caja_texto_productos' );
function ayudawp_nueva_caja_texto_productos() {
add_meta_box(
'custom_product_meta_box',
'Ficha técnica del producto',
'ayudawp_nueva_caja_meta',
'product',
'normal',
'default'
);
}
function ayudawp_nueva_caja_meta( $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', 'bbloomer_save_custom_content_meta_box', 10, 1 );
function ayudawp_guardar_nueva_caja_meta( $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' , 'ayudawp_nueva_caja_texto_productos_abajo', 99 );
function ayudawp_nueva_caja_texto_productos_abajo() {
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>';
}Este código añade una nueva caja de edición de texto al editor de productos, y lo que introduzcas en la misma se mostrará debajo de la descripción larga del producto.
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
