Quitar la barra lateral en Divi en un producto WooCommerce


Vamos a ver como quitar la barra lateral en un detalla de un producto en WooCommerce.  En vez de ir producto a producto podemos hace lo siguiente:

1.- Decirle a Divi que use siempre full width en las categorias y  paginas de la tienda. Para ello nos vamos a:

Divi -> Opciones del Tema -> General (aqui podemos cambiar la opcion)

2.- Nos vamos a functions.php de nuestro TEMA HIJO no podemos hacerlo en nuestro tema de Divi porque si se actualiza perderemos esta configuracion.

Y añadimos lo siguiente:

//SINGLE PRODUCT
remove_action('woocommerce_sidebar', 'woocommerce_get_sidebar',10);

3.- Tocamos nuestro styles.css de nuestro TEMA HIJO.

.single-product #main-content .container:before { display: none; }
.single-product #left-area { width: 100%; padding: 0!important; }
.single-product .et_right_sidebar #sidebar { display: none; }

 

Y listo con esto acabamos de añadir full width a todas las paginas de los productos de WooCommerce.