Buenas Noches lo primero que he cambiado de plantilla estoy usando una de Gavick os dejo el enlace https://www.gavick.com/joomla-templates/quark
Bueno tengo el siguiente problema cuando he cambiado la plantilla he tenido varios inconvenientes que he ido solucionando pero ahora me encuentro que las fotos de los productos en las categorías se ven muy chicas y en la versión móvil muy estiradas. Me gustaría saber como podría solucionar este problema. Tengo el sitio cerrado por mantenimiento, pero os dejo un usuario y contraseña para que podáis entrar a verlo
Usuario: Prueba
contraseña: prueba16
URL del sitio: Contenido solo visible a usuarios registrados
Hola,
Dentro de la demo de la plantilla parece que funciona de forma correcta con Virtuemart. En tu caso no parece que se estén utilizando los mismo estilos que la versión store. Por lo que lo recomendable seria que contactes con el desarrollar y que te envíe instrucciones de como aplicar los ficheros que contienen el directorio con el override para que la plantilla logre el estilo de tienda tal cual se puede ver en el siguiente enlace: https://demo.gavick.com/joomla3/quark_ecommerce/
Hola.
Llevo algunos días esperando la repuesta de gavick y no hay manera de que me contesten por eso pregunte a vosotros porque no puedo tener mi web cerrada mucho tiempo gracias un saludo
Hola,
Aunque el problema puede estar causado por la plantilla, es posible que también pueda estar provocado por la configuración de Virtuemart.
En la administración de Joomla vete a Componentes->Virtuemart->Configuración y pulsa en la pestaña Plantillas. En el apartado Configuración de archivos multimedia verifica los valores que tienes puestos en los parámetros Ancho de imagen en miniatura y Alto de imagen en miniatura.
Si tienes un valor de 90 en ambos campos prueba a poner un valor mayor, como 358 de ancho y 319 de alto.
Lo que veo en la demo de la plantilla es que las proporciones de las imágenes son distintas a las tuyas, siendo más anchas que altas.
Hola Pablo gracias por tu repuesta, pero es lo primero que hice verificar el tamaño y sigue igual. He probado ha subir productos nuevos con diferentes tamaños de imágenes y sigue igual, Gavick no me da una repuesta ;(
Puede ser que probando con otro modulo que no sea virtual mart funcione?
Hola,
Prueba a ir a la misma página de la configuración de Virtuemart que te había indicado en mi respuesta anterior y en el apartado Activa estilos de CSS y Javascripts desactiva la opción Usar el CSS de virtuemart. Comprueba si así se arregla el problema.
De no ser así, prueba a añadir un estilo CSS como el siguiente:
.browseProductImage { max-height: none !important; }
Hola
Antes de subir tus imágenes mejor optimiza su tamaño, deberían todas tus imágens tener la misma proporción, por ejemplo:
Contenido solo visible a usuarios registrados
En el producto anterior una de las imágenes tiene 2000x1333 , tu plantilla no cambia el tamaño y toma el tamaño al que subiste la imagen, por eso te recomiendo tener un tamaño menor para que no tengas este problema.
Saludos.
Hola Jhon
Estoy cambiado las imágenes de dimensiones pero antes de empezar a subir quería verificar si en el móvil también cambiaría porque se ve la etiqueta FEATURED demasiado grande.
Cuando reajusto las imágenes en miniatura como me ha dicho anteriormente pablo se cambian el tamaños de las fotos que tengo en la categoría y la del modulo de productos destacados en el ordenador se ve perfecto pero en el móvil no. Es por el mismo problema?
Porque productos desacatados si se adapta bien y tiene la misma medida que categoría.
adjunto fotos del móvil
Hola
No he podido visualizar lo que comentas de las categorías, lo que si he notado es que tienes imágenes de diferentes proporciones en las categorías del inicio, una es más alta por ejemplo, esto te puede causar problemas, mejor que todas las imágenes de tus categorías sean de la misma propocion en ancho y algo.
Para el tema del label de featured, puedes evaluar agregar el siguiente código CSS para mostrarlo más pequeño en móviles, agrega este código en algún archivo CSS que carga tu theme
@media(max-width:680px){ .product .gk-image-badge-yellow, .productDetails .gk-image-badge-yellow, .quark-product-showcase .nspFeatured::after{ font-size:12px; padding:0; width:60px; height:60px; line-height:55px; } }
Saludos.
Vale gracias Jhon. Donde puedo cambiar el nombre de la misma etiqueta? gracias
Hola,
Puedes indicarnos a que etiquetas te refieres?, puedes adjuntarnos una captura para poder revisarlo?
El tema de las etiquetas tienes que ver con el titulo del foro?
Todo solucionado gracias.