Foro de soporte WordPress en español


Soporte WordPress en español Soporte gratuito para webs alojadas en Webempresa.com
Habilitado para todos los clientes con planes de Hosting Alto Rendimiento a partir de 3GB y planes XL.

No ofrecemos soporte a webs alojadas en servidores externos o localhost, ni soporte css o programación.

Te recomendamos que leas esta información sobre nuestro sistema de soporte en el foro, te ayudará a sacar el máximo partido de nuestro conocimiento: Cómo podemos ayudarte.


Encuentra la solución a tu problema, buscando en nuestro foro:
Bienvenido, Invitado
Nombre de Usuario: Contraseña: Recordarme

TEMA: como hacer para que mis productos de woocommerce en el celular aparezcan en columna de 2

como hacer para que mis productos de woocommerce en el celular aparezcan en columna de 2 3 meses 4 días antes #334202

buenas tardes
por favor como puedo hacer para que mis productos de woocommerce en el celular aparezcan en columna de 2??
asi como el adjunto 3

URL del sitio: Contenido oculto para usuarios invitados. Por favor, inicie su sesión para poder verlo.
Adjuntos:
  • Jaime Erdulfo
  • Avatar de Jaime Erdulfo
  • DESCONECTADO
  • Navegador Platino
  • Mensajes: 468
  • Karma: 0
El administrador ha desactivado la escritura pública.
Mejora la velocidad de tu WordPress

como hacer para que mis productos de woocommerce en el celular aparezcan en columna de 2 3 meses 4 días antes #334217

Hola Jaime,

Agrega el siguiente código CSS.
@media only screen and (max-width: 767px) and (min-width: 480px)
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left !important;
    margin: 0px 5px 10px auto !important;
    width: 48% !important;
}

Saludos.
  • Bulmaro
  • Avatar de Bulmaro
  • DESCONECTADO
  • Administrador
  • Mensajes: 602
  • Gracias recibidas 49
  • Karma: 13
ArellanoB

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.
trasladar web gratis

como hacer para que mis productos de woocommerce en el celular aparezcan en columna de 2 3 meses 3 días antes #334245

ya agregue el codigo que me indica en CSS
y no se visualiza el cambio sigue apareciendo en columna de 1 por favor como podria hacer para que aparezca en columna de 2
Adjuntos:
  • Jaime Erdulfo
  • Avatar de Jaime Erdulfo
  • DESCONECTADO
  • Navegador Platino
  • Mensajes: 468
  • Karma: 0
El administrador ha desactivado la escritura pública.
solucionar problemas wordpress

como hacer para que mis productos de woocommerce en el celular aparezcan en columna de 2 3 meses 3 días antes #334253

Hola Jaime,

Por favor, agrega el CSS como sigue:
@media only screen and (max-width: 767px) and (min-width: 480px){
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
      float: left !important;
      margin: 0px 5px 10px auto !important;
      width: 48% !important;
    }
}

Agrégalo dirigiéndote al Administrador de Wordpress, posiciona el puntero del mouse sobre Apariencia -> Personalizar -> CSS Adicional.

Saludos.
  • Bulmaro
  • Avatar de Bulmaro
  • DESCONECTADO
  • Administrador
  • Mensajes: 602
  • Gracias recibidas 49
  • Karma: 13
ArellanoB

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
Última Edición: 3 meses 3 días antes por Bulmaro.
El administrador ha desactivado la escritura pública.

como hacer para que mis productos de woocommerce en el celular aparezcan en columna de 2 3 meses 2 días antes #334302

En el primer adjunto muestro que ya inserte este codigo:

@media only screen and (max-width: 767px) and (min-width: 480px)
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
float: left !important;
margin: 0px 5px 10px auto !important;
width: 48% !important;
}

y no funciona .. en el adjunto 2 se ve los resultados que aun no hay cambios.
Adjuntos:
  • Jaime Erdulfo
  • Avatar de Jaime Erdulfo
  • DESCONECTADO
  • Navegador Platino
  • Mensajes: 468
  • Karma: 0
El administrador ha desactivado la escritura pública.

como hacer para que mis productos de woocommerce en el celular aparezcan en columna de 2 3 meses 2 días antes #334306

Hola

El código tiene un problema, falta una llave al final.
Además no se ve claro en donde lo agregaste, veo una referencia a un archivo scss el cual no se leerá.

Prueba agregar este código en el Personalizador del theme en la opción CSS y verifica. Envíanos una captura de pantalla para ve en donde estas insertando el código.

La otra opción es que lo agregues en el style.css de tu theme, o mejor aún si tienes un child-theme


Saludos.
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
Última Edición: 3 meses 2 días antes por Jhon Marreros Guzman.
El administrador ha desactivado la escritura pública.

¿Te ha resultado interesante esta entrada del foro?

Suscríbete para recibir consejos y trucos útiles para tu Web.

como hacer para que mis productos de woocommerce en el celular aparezcan en columna de 2 3 meses 2 días antes #334310

ver adjunto he puesto en css y en la plantilla style.css
Adjuntos:
  • Jaime Erdulfo
  • Avatar de Jaime Erdulfo
  • DESCONECTADO
  • Navegador Platino
  • Mensajes: 468
  • Karma: 0
El administrador ha desactivado la escritura pública.

como hacer para que mis productos de woocommerce en el celular aparezcan en columna de 2 3 meses 2 días antes #334311

en ajustes de woocommerce
puse esto: lo del adjunto ver por favor
tendra que ver algo?
Adjuntos:
  • Jaime Erdulfo
  • Avatar de Jaime Erdulfo
  • DESCONECTADO
  • Navegador Platino
  • Mensajes: 468
  • Karma: 0
El administrador ha desactivado la escritura pública.

como hacer para que mis productos de woocommerce en el celular aparezcan en columna de 2 3 meses 2 días antes #334314

Si es correcto, puede ser eso lo que está causando que no se apliquen los estilos CSS que te he proporcionado, por que inspeccionando tu web no se ven reflejados, como si no los estuvieras agregando. Pero si modificas los valores que están definidos en la captura que nos compartes los cambios se aplicarán para todas las resoluciones de pantalla. Prueba utililzando un child-theme.

Saludos.
  • Bulmaro
  • Avatar de Bulmaro
  • DESCONECTADO
  • Administrador
  • Mensajes: 602
  • Gracias recibidas 49
  • Karma: 13
ArellanoB

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

como hacer para que mis productos de woocommerce en el celular aparezcan en columna de 2 3 meses 2 días antes #334319

al quitar los numeros, ahora aparece asì.

Columna de 2 en la computadora, pero si lo abro desde un celular sigue apareciendo columna de 1
ver adjuntos
por favor como podria hacer
Adjuntos:
  • Jaime Erdulfo
  • Avatar de Jaime Erdulfo
  • DESCONECTADO
  • Navegador Platino
  • Mensajes: 468
  • Karma: 0
El administrador ha desactivado la escritura pública.

como hacer para que mis productos de woocommerce en el celular aparezcan en columna de 2 3 meses 2 días antes #334320

Hola Jaime,

Como te mencioné en mi anterior respuesta, pareciera que no estás agregando los estilos CSS que te proporcioné pues no se ven reflejados en tu sitio aunque sí los estés guardando, por ello te sugerí probar con child themes. Igualmente prueba modificando el CSS que te envié de la siguiente manera:
@media only screen and (max-width: 767px){
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
float: left !important;
margin: 0px 5px 10px auto !important;
width: 48% !important;
}
 
ul.products li.product:nth-of-type(2n) {
	margin-right: 0;
}
}
 

Saludos.
  • Bulmaro
  • Avatar de Bulmaro
  • DESCONECTADO
  • Administrador
  • Mensajes: 602
  • Gracias recibidas 49
  • Karma: 13
ArellanoB

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

como hacer para que mis productos de woocommerce en el celular aparezcan en columna de 2 3 meses 20 horas antes #334431

Ya estan apareciendo desde un celular columna de 2 , pero en la computadora muestra igual columna de 2 ,
es posible que en la computadora muestre una columna de 4 y en un celular columna de 2???
  • Jaime Erdulfo
  • Avatar de Jaime Erdulfo
  • DESCONECTADO
  • Navegador Platino
  • Mensajes: 468
  • Karma: 0
El administrador ha desactivado la escritura pública.

como hacer para que mis productos de woocommerce en el celular aparezcan en columna de 2 3 meses 20 horas antes #334435

Hola

Para hacer lo que comentas, prueba agregando el siguiente código CSS al final:
.archive.woocommerce-page .rightsidebar #main .entry-content{
	width:100%;	
}
 
@media(min-width:769px){
	.archive.woocommerce-page ul.products li.product {
	    width: 24%!important;
	    float: left!important;
	    clear: none!important;
	    margin-right: 1%!important;
	}	
}

Saludos.
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

como hacer para que mis productos de woocommerce en el celular aparezcan en columna de 2 3 meses 15 horas antes #334444

Ya estan apareciendo desde un celular columna de 2 , pero en la computadora muestra igual columna de 2 ,
es posible que en la computadora muestre una columna de 4 y en un celular columna de 2???
POR FAVOR EN EL ANTERIOR TICKET SOLICITE QUE SE MUESTREN EN COLUMNA DE 4, SERIA POSIBLE SE FORMEN EN COLUMNA DE 3, ES DECIR
es posible que en la computadora muestre una columna de 3 y en un celular columna de 2???
  • Jaime Erdulfo
  • Avatar de Jaime Erdulfo
  • DESCONECTADO
  • Navegador Platino
  • Mensajes: 468
  • Karma: 0
El administrador ha desactivado la escritura pública.

como hacer para que mis productos de woocommerce en el celular aparezcan en columna de 2 3 meses 15 horas antes #334445

Hola Jaime,

Es muy simple, si quieres clumnas de 3 en computadoras basta con modificar los valores de WooCommerce que anteriormente ya nos habias enviado captura de pantalla.

Contenido oculto para usuarios invitados. Por favor, inicie su sesión para poder verlo.
  • Bulmaro
  • Avatar de Bulmaro
  • DESCONECTADO
  • Administrador
  • Mensajes: 602
  • Gracias recibidas 49
  • Karma: 13
ArellanoB

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

como hacer para que mis productos de woocommerce en el celular aparezcan en columna de 2 3 meses 14 horas antes #334446

HE INTENTADO CON LOS VALORES DE WOOCOMMERCE PERO NO SE PUEDE

EL CAMBIO DE LAS 4 COLUMNAS SE VISUALIZADO CUANDO ME FACILITARON ESTE CODIGO
.archive.woocommerce-page .rightsidebar #main .entry-content{
width:100%;
}

@media(min-width:769px){
.archive.woocommerce-page ul.products li.product {
width: 24%!important;
float: left!important;
clear: none!important;
margin-right: 1%!important;
}
}


AHI RECIEN DESDE UNA COMPUTADORA SE PUDO MOSTRAR COLUMNA DE 4, COMO HARIA PASARLO A COLUMNA DE 3
  • Jaime Erdulfo
  • Avatar de Jaime Erdulfo
  • DESCONECTADO
  • Navegador Platino
  • Mensajes: 468
  • Karma: 0
El administrador ha desactivado la escritura pública.

como hacer para que mis productos de woocommerce en el celular aparezcan en columna de 2 3 meses 8 horas antes #334456

Hola Jaime,

Modifica el CSS siguiente por favor:
@media (min-width: 769px)
.archive.woocommerce-page ul.products li.product {
    width: 24%!important;
    float: left!important;
    clear: none!important;
    margin-right: 1%!important;
}

Por el siguiente:
@media (min-width: 769px){
.archive.woocommerce-page ul.products li.product {
    width: 32% !important; //Modifica el tamaño que ocupa cada producto.
    float: left !important;
    clear: none !important;
    margin-right: 1% !important;
   }
}

Saludos.
  • Bulmaro
  • Avatar de Bulmaro
  • DESCONECTADO
  • Administrador
  • Mensajes: 602
  • Gracias recibidas 49
  • Karma: 13
ArellanoB

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

Temas Relacionados

1 Respuestas emo
Tema iniciado 4 años 4 meses antes por JULEN
906 Visitas
4 Respuestas emo
Categoría: Pack Tienda WordPress
Tema iniciado 4 años 6 meses antes por felipe
2195 Visitas
6 Respuestas emo
Tema iniciado 4 años 3 meses antes por Antonio
1092 Visitas
7 Respuestas emo
Categoría: Plugins WordPress
Tema iniciado 1 mes 2 semanas antes por Ana
44 Visitas
1 Respuestas emo
Tema iniciado 4 años 3 días antes por mbr27
942 Visitas
5 Respuestas emo
Categoría: Plugins WordPress
Tema iniciado 3 años 7 meses antes por Sheila
1231 Visitas
2 Respuestas emo
Categoría: Pack Blog WordPress
Tema iniciado 3 años 7 meses antes por María
4769 Visitas
8 Respuestas emo
Tema iniciado 3 años 11 meses antes por Inaki
4271 Visitas
1 Respuestas emo
Categoría: Pack Tienda WordPress
Tema iniciado 5 años 4 meses antes por David
3642 Visitas
6 Respuestas emo
Tema iniciado 1 año 8 meses antes por Farmaciola
775 Visitas

Moderadores: Johnny Heredia Montiel
Tiempo de carga de la página: 0.600 segundos