Pregunta sobre Customify de Wordpress:

Cambiar el diseño de la tienda Woocommerce (página del catálogo de productos)

Un usuario preguntó 👇

Hola primero, gracias por el gran tema. Se ve muy bien y le doy una calificación de 5 estrellas.

Mi pregunta:

El diseño predeterminado para una página de tienda woocommerce es para la pantalla grande

barra lateral de woocommerce (col-3) | bucle de producto (col-9)

¿Cómo puedo cambiarlo a col-12 para ambos, ya que necesito una tienda de ancho completo con filtros horizontales en la parte superior?

Además, en dispositivos pequeños, la barra lateral cae al final del catálogo (productos en exhibición), ya sea que pueda estar encima de los productos exhibidos.

¿Puedes guiarme hacia la página correcta donde puedo cambiar estos códigos?

Gracias de nuevo.

Autor del tema

(@pressmaximum)

Hace 2 años, 1 mes

Hola @garykarki,

No necesita cambiar el código fuente para hacer el ancho completo de la página de la tienda, ya tenemos esta opción. Todo lo que tiene que hacer es abrir la página de edición de la Tienda, seleccionar el diseño de la barra lateral Contenido (sin barras laterales): https://cl.ly/8c5a0b213eb0

En segundo lugar, agregue esto con Customize => CSS extra para poner la barra lateral en la parte superior mientras mira el teléfono móvil:

@media  ( max-width: 499px ) {
#main { order: 2 ; }
}

¡Espero que ayude!

Lanzador de hilos

(@garykarki)

Hace 2 años, 1 mes

Gracias por su respuesta rápida.

Cuando cambio el diseño de la barra lateral a Contenido (sin barras laterales), SÍ, ha cambiado la página de la tienda al 100% pero la barra lateral desaparece con los filtros. Tengo todos los filtros en la barra lateral.

Sólo quiero,

– Encabezado – Barra lateral 100% amplia (para agregar filtros como un atributo desplegable) – Listas de productos 100% amplias – Pie de página

¿Crees que este tema es capaz de hacer este diseño?

Apreciamos su ayuda.

Saludos, Gary

Autor del tema

(@pressmaximum)

Hace 2 años, 1 mes

Hola @garykarki,

Puedes intentar agregar esto a:

body.post-type-archive-product #main,
body.post-type-archive-product #sidebar-primary { max-width: 100%; flex-basic: 100%; }
body.post-type-archive-product #main { order: 2; }

¡Déjame saber como va!

Lanzador de hilos

(@garykarki)

Hace 2 años, 1 mes

Funcionó muy bien. ¿Cómo puedo calificar su servicio de 5 estrellas?

Este es un gran tema y sus respuestas rápidas siguen siendo excelentes.

Gracias.

Esta respuesta fue modificada hace 2 años, hace un mes por.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

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