me dijeron que no habia problema en dejar el telefono la misma plantilla que en el ordenador y poder poner los productos para que se vean unos cuantos directamente en el telefono, para que no salgan tan grandes y uno detras del otro, si lo miras desde el telefono veras que un producto ocupa toda la pantalla y si encima hay de diferentes unidades/cantidades se hace muy pesado ir mirando los productos, pero en el ordenador en cambio al ver mas productos desde la pantalla se te hace mas facil y sencillo al estar separados por cantidades o unidades. Desde la web hay un pestaña de vista en cuadricula o lista que es la que falta en el telefono pero tendria que estar,
Dime como solucionarlo gracias,
URL del sitio: Contenido solo visible a usuarios registrados
Hola
La funcionalidad del botón que esta oculta de Lista o cuadrícula, esta oculto en móvil porque no hay ninguna diferencia, en movil no hay suficiente ancho para mostrarse en cuadricula o lista, y sólo se ve cuadricula de una columna.
Lo de ocultar productos, mejor hacerlo para ambos, tanto movil como ordenador para que no haya inconsistencias. Otra opción es ocultar las subcategorías en movil por ejemplo en:
Contenido solo visible a usuarios registrados y dejarlas sólo disponibles en el menú.
Saludos.
lo que quiero mas que todo es que desde el movil envez de verse solo 1 producto si tener que mover el cursor para bajo, es decir que en el espacio que sale en el movil ,1 producto que salgan mas, donde salga 1 que salgan 4 , es decir reducir el tamaño, en el movil y tablet ya que en el ordenador se ven muybien en ese tamaño, podria ser el mismo tamaño de la web pero que se refleje en el movil, dime, me han comunicado que si que seria posible hacerlo. pero que contacte aqui con vosotros, darme la mejor solucion porfavor
Hola Nestor.
Se puede hacer, pero tendrás un problema que al final no te gustara, si pones mas productos, por ejemplo 4 en la versión móvil dificultará el que el usuario pueda seleccionar alguno ya que quedarán muy pequeños y juntos.
la mayoría de las tiendas que veas en su versión móvil, te darás cuenta que solo muestran 1 producto.
No es por no ayudarte es por funcionalidad.
Un saludo
Ya te entiendo pepe, para mi gusto tambien seria mejor asi, pero es para un cliente y me ha pedido esto, que se vean mas pequeños que no se vean 4 que se vean 3 por ejemplo en el mismo tamaño que sale ahora mismo 1, quiere que no sean tan grandes los productos de imagenes en el movil, dime porfavor no se yo como hacerlo.
Hola Nestor.
Prueba lo siguiente: edita el archivo product.tpl que encontraras en themes/Cilene/product.tpl.
Previa copia de seguridad del mismo, localiza el siguiente código:
cambia el valor col-xs-12, por col-xs-6. De esta forma se tendrían que mostrar 2 productos por fila en móviles.
Comprueba si funciona y nos comentas.
Un saludo
Respondido : 14/02/2018 2:23 pm
Vale gracias y si quisiera un poco mas pequeño cambiandolo por el numero 3 se haria mas pequeño no?
pepe y perdona asi no me valdria, ya que ha cambiado el tamaño tambien del pc, es decir cambia el tamaño en todo no solo en el movil, no habria otra solucion? o la posibilidad de abrir una cuadricula para movil? dime porfavor.
Hola
De momento déjalo como estaba ya que actualmente lo veo desconfigurado.
Elimina el código que has cambiado.
La idea podría ser mostrar dos productos, tres ya me parece mucho, posiblemente con cambios CSS y mediaqueries.
Saludos.
si lo dejo como estaba, asi sale desconfigurado, dime como hacerlo mediante css y mediaqueries. gracias
lo he cambiado y sigue igual de pequeño, que pasa? lo he cambiado bien, dime porfavor y dime otra solucion como te comentaba antes para cambiar el tamaño , gracias
ya se ha vuelto a corregir al tamño normal espero respuesta para corregir el tamaño solo en el movil si es posible como me comentabas, y gracias.
HOla
Ubica el siguiente archivo CSS:
/themes/Cilene/css/customuser.css
Al final agrega este código CSS, que por CSS en dispositivos con pantalla < 768px muestra la lista de productos en dos columnas.
@media (max-width:768px){ ul.product_list.grid > li{ width:50%; float:left; } }
PD. Refresca tu navegador o la cache para ver los cambios.
Saludos.
muchas gracias jhon, queda muybien asi perfecto! gracias de nuevo
solo una simple duda jhon, he probado en 2 moviles diferentes uno con una pantalla un poco mas pequeña que la otra, y sale en este corregido, pero en el atre de pantalla mas grande sale igual como estaba? a que es debido esto? al poner 780 de tamaño? no podria ser para todos los dispositivos moviles que se vea asi con el codigo que asi queda muybien, espero respuesta y gracias de nuevo