Si tienes una tienda online creada con WooCommerce habrás comprobado que en prácticamente todos los temas la página de producto tiene barra lateral.
Esto puede ser una distracción durante la compra, lo que empeoraría el embudo de ventas, perdiendo posibles ingresos si el visitante se distrae con elementos no bien enfocados en la barra lateral.
Por eso muchos administradores de tiendas online prefieren que las páginas de producto no tengan barra lateral, para que el cliente esté enfocado y centrado en las características del producto, y lo compre, por supuesto.
Si es tu caso, hay un truco muy sencillo para que tus páginas de producto sean de ancho completo, sin barra lateral, y funciona con la mayoría de los temas WordPress.
Solo tienes que hacer lo siguiente:
- Ve al menú de administración
Apariencia > Personalizar > CSS adicional. - Añade el siguiente código y guarda los cambios.
body.woocommerce #primary { width: 100%; }
Pasarás de esto…
A esto otro…
Como comprobarás, es una personalización sencilla, efectiva y que puede mejorar las ventas en tu eCommerce.
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
Mil gracias!!! me volví loca intentado hacer ésto!!
es mejor:
body.woocommerce.single-product #primary { width: 100 %; }
Si lo pones de la otra manera también harás ancho completo a la página de la tienda y los filtros quedarán por debajo.
Solo digo que hubiera sido bueno que contemplara usted las dos posibilidades en su aquí