Eliminar la barra lateral de tus productos

En Divi Template somos fanáticos de Divi y Woocommerce, y desde que ambas tecnologías se integran en la descripción de productos, nos encanta más.

Por defecto se nos muestra en nuestros productos el sidebar al lado del producto, y si te pasa como a nosotros que nos gusta experimentar y hacer algunos cambio en lo común para marcar la diferencia, te va a a encantar este tip.

Si está intentando hacer que las páginas del producto (para productos individuales) tengan un ancho completo o deseas eliminar la barra lateral  esto es lo que estabas buscando, un código CSS para adaptar los estilos de tu sitio.

Agrega el siguiente codigo css

Es tan simple como copiar y pegar el siguiente código en tu hoja de estilos (CSS).

/***Oculta la línea divisoria entre el contenido y la barra lateral para las páginas de productos  ***/
.single-product #main-content .container:before {background: none;}

/*** Oculta la barra lateral de la página de productos de Woocommerce ***/
.single-product #sidebar, .single-product #sidebar-secondary {display:none;}

/*** Expanda el área de contenido al ancho completo para las páginas de productos 
de WooCommerce individuales ***/ @media (min-width: 981px){ .single-product #left-area, .single-product #primary { width: 100%; padding: 23px 0px 0px !important; float: none !important; } } /*** Elimina el espacio entre la descripcion del producto y el borde que está alrededor ***/ body.woocommerce #content-area div.product .woocommerce-tabs .panel, body.woocommerce div.product
.woocommerce-tabs .panel { margin: 0; padding: 0px; } /*** Elimina el borde alrededor de la descripción del producto ***/ body.woocommerce .woocommerce-tabs { border: none; }

 

Tip Divi & Woocommerce

Además si quieres dar tu toque personal a los productos de tu tienda en Woocommerce, pueses utilizar el constructor Divi en la descripción de Woocommerce.

agsdi-pencil

Imagina todo lo que puedes crear

Haz que tus sitios tengan tu toque personal, y puedan mostrar la tecnología que brinda nuestro editor y tema favorito Divi

increibles ofertas en divi

elegant themes esta de aniversario, ya son 11 años, y para recompensar a sus clientes tiene 10% de descuento en divi. si no has comprado divi o deseas renovar su licencia es el momento, solo por tiempo limitado!

Monarch Social Sharing Plugin

Crea impactantes galerías con increíbles diseños con Products Gallery

Haz que tus productos marquen pauta con un sofisticado estilo e increíbles efectos #Wordpress #Woocommerce #EasyDigitalDownloads

Cómo crear productos con el ancho completo de Woocommerce

Elimina el sidebar y coloca al ancho completo que permite woocommerce la descripción de un producto

Nuevas opciones de transformación en Divi

Nuevas opciones en nuestro constructor visual Divi con posibilidades de diseño a mano alzada como en programas de diseño gráfico como Photoshop

WordPress 5.0 compatible con la última versión de Divi

Finalmente ha llegado el tan esperado lanzamiento de Wordpress 5.0 y por supuesto Divi no se...

Ofertas y premios de viernes negro en Divi. No te lo pierdas

Increibles descuentos y premios, entre ellos una Imac Pro valorada en $5.000, Participa!

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies y privacidad.plugin cookies

ACEPTAR
Aviso de cookies

Pin It on Pinterest

COMPARTIR

Comparte con tus amigos nuestra Web