Avisos
Vaciar todo

ajax-cart.js cambios css right column

11 Respuestas
3 Usuarios
0 Reactions
912 Visitas
 Marc
Respuestas: 143
Estimable Member
Topic starter
 

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


 
Respondido : 22/03/2016 2:26 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 22/03/2016 6:30 pm
 Marc
Respuestas: 143
Estimable Member
Topic starter
 

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


 
Respondido : 22/03/2016 6:36 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 22/03/2016 9:30 pm
 Marc
Respuestas: 143
Estimable Member
Topic starter
 

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


 
Respondido : 22/03/2016 10:57 pm
Pepe
 Pepe
Respuestas: 41110
Illustrious Member 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


 
Respondido : 23/03/2016 8:46 am
 Marc
Respuestas: 143
Estimable Member
Topic starter
 

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


 
Respondido : 23/03/2016 10:38 am
 Marc
Respuestas: 143
Estimable Member
Topic starter
 

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


 
Respondido : 23/03/2016 11:31 am
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 23/03/2016 5:21 pm
 Marc
Respuestas: 143
Estimable Member
Topic starter
 

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.


 
Respondido : 23/03/2016 5:34 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 23/03/2016 8:20 pm