Home » WooCommerce » Cómo activar el editor de bloques de WordPress en las páginas de producto de WooCommerce

Cómo activar el editor de bloques de WordPress en las páginas de producto de WooCommerce

Hace unas semanas tuve un cliente con necesidades bastante específicas de WooCommerce. Casi todos los productos tenían mucha información visual en la descripción, por lo que el editor WYSIWYG normal no tendría mucho sentido allí. Si sólo hubiera una manera de usar el editor de bloques en las páginas de producto de WooCommerce… ¡Y la hay!

Hoy te mostraré cómo convertir el campo de descripción de producto de WooCommerce en un campo de editor de bloques. Así todo lo que hay en la pestaña de descripción del producto se mostrará de la misma manera que en las entradas y páginas normales de WordPress. Y no necesitarás ningún plugin de terceros para ello. Y si tu tema de WordPress está construido correctamente, no debería romper nada – funcionará como se espera.

Cómo reemplazar el campo de descripción de producto de WooCommerce con el editor de bloques

Por defecto, el campo de descripción de producto de WooCommerce parece un campo WYSIWYG normal, como este:

woocommerce default product description editor

Cuando cambiemos el campo Descripción del producto por el editor de bloques de WordPress, se verá así:

change woocommerce product description editor to block editor

Ahora podrás usar todos los bloques de WordPress en las páginas de producto de WooCommerce. De la misma forma que los usas en las entradas y páginas normales de WordPress.

Best WordPress hosting 2024

Entonces, ¿cómo habilitar el editor de bloques en WooCommerce? Es un truco fácil. Vaya a Apariencia >> Editor de Archivos Temáticos (o Herramientas >> Editor de Archivos Temáticos) enel panel de administración de WordPress.

Una vez allí, abre el archivo functions.php en la parte derecha de la pantalla, y desplázate hasta el final de su contenido.

A continuación, agregue estas líneas de código:

// HABILITAR EDITOR WORDPRESS EN WOOCOMMERCE inicio
add_filter( 'use_block_editor_for_post_type', 'activate_gutenberg_product', 10, 2 );
function activate_gutenberg_product( $can_edit, $post_type ) {
 if ( $post_type == 'product' ) { $can_edit = true; }
 return $can_edit;
}

add_filter( 'woocommerce_taxonomy_args_product_cat', 'enable_taxonomy_rest' );
add_filter( 'woocommerce_taxonomy_args_product_tag', 'enable_taxonomy_rest' );
function enable_taxonomy_rest( $args ) {
 $args['show_in_rest'] = true;
 return $args;
}
// HABILITAR EL EDITOR WORDPRESS EN WOOCOMMERCE end

Debería quedar así en tu archivo functions.php:

woocommerce enable block editor

Una vez que guardes los cambios haciendo clic en Actualizar archivo, tu página de producto de WooCommerce funcionará en modo editor de bloques. Y no tienes que preocuparte por los productos antiguos de tu tienda. Su contenido se cargará automáticamente en el editor de bloques.

Tags:

Fathom analytics - privacy focused cookie-free website analytics

Most popular tutorials


Get our latest WordPress news and special offers from RockSolidWP!

Only useful WordPress and WooCommerce tips and tricks and exclusive offers for our readers once a month. No marketing nonsense.

Looking for reliable yet affordable WordPress hosting?
Hostinger is the way to go!

Get 10% OFF by using code IMAKEITWORK