ajax-cart.js cambios css right column  

 
Marc
 Marc
Estimable Member

Hola,

Una vez hecho cambios en el global.css, conseguimos ver correctament el modulo blockcart en la los dispositivos mobiles, siendo el hook de blockcart right-column. (por defecto queda expanded)
(adjunto cambios al final del mensaje).

En esta posición ahora queda "expanded el carrito", y no funciona la funcionalidad js de colapsar o volver a expander.

Nos podrian sugerir algun cambio para intentar que funcione?
(somos conscientes que si tuvieramos el carrito en la posición top, no tenemos problemas, pero lo necesitamos en la posición actual).

Muchas gracias,
Marc Picas
(para ver el carrito es necesario logearse, pueden hacerlo con
usuario: marcpicasbernadell@gmail.com
pass:1234567
------------------------------------------------
#columns {
position:relative;
padding-top:200px;
}
#right_column{
position:static;
}

.shopping_cart{
position:absolute;
top:0px;
}

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 22/03/2016 2:26 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Me salen muchos mensajes de error en tu sitio, te envío captura de pantalla para que veas lo que me aparece

De manera general si no te despliega es por que no esta cargando las clases posiblemente necesarias javascript, deberían mostrarse errores javascript, lo que podrías hacer es probar mostrar el carrito en ambas posiciones y ocultarla la que no deseas y verificar si con esto tiene un comportamiento adecuado, esto sería sólo una preuba ya que no es buena idea repetir el módulo que mostrará lo mismo.

Si esto no funciona entonces posiblemente el módulo requiera cambios en programación para cargar clases en una posicion dada, lamentablemente desde este foro no atendemos programación de este tipo y sólo podemos darte generalidades.

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 22/03/2016 6:30 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Marc
 Marc
Estimable Member

Hola,

Si, salían errores porque estaba en modo debug. Ya lo he sacado.

Ya hemos probado de mostrar el carrito en la posición top, y se despliega correctamente en modo mobil,
pero el problema es que perdemos programación que tenemos por el hook right column, así que queremos mantener el carrito en el hook right column.

Un saludo,
Marc Picas

ResponderCitar
Respondido : 22/03/2016 6:36 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla

Prueba forzando para que siempre se muestre desplegado, agrega el siguiente código CSS al final del archivo global.css

.cart_block .block_content{
	display:block!important;
}

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 22/03/2016 9:30 pm

Cursos Gratuitos WordPress

Marc
 Marc
Estimable Member

Gracias por la respuesta,

Si compruebas la versión de mobil, verás que el carrito ya se despliega por defecto.

El problema es que no se puede colapsar (plegar).

Un saludo,

Marc

ResponderCitar
Respondido : 22/03/2016 10:57 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Marc.
Edita el archivo Global.css y sobre la línea 9658 tienes el siguiente código:

@media (max-width: 768px) {
  #columns { position: relative; padding-top: 200px; }
  #right_column { position: static; }
  .shopping_cart { position: absolute; top: 0px; }

Deberás modificarlo añadiendo lo siguiente:

.cart_block .block_content { display: block ! important; }

El código fina debería quedar como sigue:

@media (max-width: 768px) {
  #columns { position: relative; padding-top: 200px; }
  #right_column { position: static; }
  .shopping_cart { position: absolute; top: 0px; }
  .cart_block .block_content { display: block ! important; }
}

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 23/03/2016 8:46 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Marc
 Marc
Estimable Member

Hola Pepe,

Gracias por la respuesta. Ahora, en el ordenador, cuando se hace pequeña la pantalla funciona.

En cambio, el plegable y deplegable del carrito no funciona en la versión del teléfono mobil.

Un saludo,

Marc

ResponderCitar
Respondido : 23/03/2016 10:38 am
Marc
 Marc
Estimable Member

Hola,

Creo que el problema està que en la versión mobil, no hay forma de clicar especificamente a el triangulito que hace colapsar o expandir.

Tendria que expandir o colapsar con solo darle a la cabecera del carrito, pero de momento no se como hacerlo.

Un saludo,

Marc

ResponderCitar
Respondido : 23/03/2016 11:31 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Creo que lo más práctico para mobil es que ocultes el contenido y el triangulito y sólo permitas ir directamente a la página de carrito, es decir si quieres aplicar que se despliegue el tema se complica ya que posiblemente tengas que aplicar javascript para esto.

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 23/03/2016 5:21 pm
Marc
 Marc
Estimable Member

Hola,

Nosotros necesitamos que se ve bien el carrito en la página de inicio.

Solo necesitamos que se despliegue o se repliegure el carrito en esta página.
No creo que seamos los únicos que tenemos este problema.

Saludos.

ResponderCitar
Respondido : 23/03/2016 5:34 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

El problema es que llega un punto en donde con CSS ya no es posible adecuarlo a su comportamiento original.

Teoricamente deberia funcionar igual en cualquier posición, si dices que funciona bien en la posicíon top y tras cambiar ya no funciona bien, entonces es un tema de programación , el comportamiento de ocultar mostrar es javascript.

En este punto tienes dos opciones o forzar para que se muestre siempre el contenido, lo que te indique anteriormente, o que oculte el contenido en móbiles.

Tu caso es muy particular, por una serie de cosas, tu theme, tu modulo que usas, el cambio de posicion, etc.

Lamentablemente desde foro no vemos temas de programación javascript o PHP muy particulares y sólo podemos darte generalidades.

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 23/03/2016 8:20 pm

Por favor Iniciar Sesión o Registro