Maquetar productos de Woocommerce con Divi Bluider

Maquetar productos de Woocommerce con Divi Bluider

Cómo activar el constructor Divi en los productos de Woocommerce

Hay algo que no pasa desapercibido para los que usamos el Tema Divi o el constructor Divi Buidler, y es cómo podemos maquetar productos de WooCommerce con Divi Bluider. Por defecto, el constructor de Divi sólo aparece en las entradas (post) y las páginas.

Si montas un WooCommerce en tu web hecha con Divi, verás que al crear un producto no te aparece la posibilidad de usar el contructor visual, en este artículo vamos a aprender a activarlo para poder usarlo en los productos de WooCommerce (y por extensión en cualquier otro tipo de Custom Post Types).

Activar el Constructor Divi para maquetar productos de Woocommerce con Divi Bluider y activarlo también en cualquier Custom Post Type

Para poder activar Divi Builder tendremos que añadir el siguiente código en el fichero functions.php del Tema:

function my_et_builder_post_types( $post_types ) {
$post_types[] = ‘product’;
return $post_types;
}
add_filter( ‘et_builder_post_types’, ‘my_et_builder_post_types’ );

Este código está preparado para que aparezca el constructor de Divi en los productos de WooCommerce. Si te fijas, está preparado para mostrar el Divi Builder en cualquier post type.

Tenemos que añadir la siguiente línea cambiando el tipo de contenido por el que necesitemos:

$post_types[] = ‘product’;

Donde ‘product’ es el tipo de contenido en el que vamos a habilitar el Divi Builder. Para saber el nombre del tipo de contenido tan sólo vamos a crear un producto nuevo y nos fijamos en la url:

Maquetar productos de Woocommerce con Divi Bluider

Añadir el Divi Builder a más Custom Post Types

Para añadir el constructor a todos los tipos de contenido que queramos, debemos añadir tantas líneas como necesitemos.

Cómo activar los diseños predefinidos de la biblioteca para todos los Customs Post Types

Ahora ya podremos maquetar productos de Woocommerce con Divi Bluider, pero aunque hayamos activado el constructor de Divi, si queremos cargar uno de los diseño predefinidos que tiene la bilioteca de Divi en un producto de WooCommerce o cualquier otro tipo de contenido que hayamos añadido, nos aparecerá vacío, sin contenido.

Para activar la posibilidad de poder usar estos diseños tenemos que añadir en el fichero functions.php otra función más:

function myprefix_et_pb_show_all_layouts_built_for_post_type() {
return ‘page’;
}
add_filter( ‘et_pb_show_all_layouts_built_for_post_type’, ‘myprefix_et_pb_show_all_layouts_built_for_post_type’ );

A partir de ahora ya puedes maquetar productos de Woocommerce con Divi Bluider e incluso tener el constructor en cualquier otro Custom Post Type creado por ti.

 

 

¿Qué te ha parecido el artículo?. Házmelo saber en los comentarios que tienes más abajo. Estoy deseando leerte.

Por último, si crees que este artículo puede ser interesante para algún amigo tuyo, te agradecería enormemente que lo compartieras con él y con todo el mundo a través de las Redes Sociales.

Puede que también te interese...

Deja un comentario

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