ajax-cart.js cambios css right column  

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.

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

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.

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

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

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

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

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.

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.

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.