Avisos
Vaciar todo

modificar pagina frontal virtuemart

8 Respuestas
3 Usuarios
0 Reactions
1,231 Visitas
 Jose
Respuestas: 194
Estimable Member
Topic starter
 

Buenas,

A ver si me podeis decir dónde puedo cambiar css de la pagina frontal de virtuemart en la plantilla Mimas. No quiero que aparezca el nombre de las categorías sobre la imagen de cada categoría, ya qu en dispositivos móviles da problemas.
adjunto imagen

Muchas gracias, un saludo,

Jose

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 11/02/2015 2:46 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

Veo que actualmente no estás mostrando los nombres de las categorías usando un opacity: 0.

Para cargar los títulos debajo de las imágenes podrías agregar el siguiente estilo CSS:

.category-view .row .category .spacer h2 a span {
position: relative !important;
bottom: 0 !important;
}

En el siguiente artículo de nuestro blog se explica cómo añadir estos CSS personalizados:

https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html


 
Respondido : 11/02/2015 3:30 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

Veo que actualmente no estás mostrando los nombres de las categorías usando un opacity: 0.

Para cargar los títulos debajo de las imágenes podrías agregar el siguiente estilo CSS:

.category-view .row .category .spacer h2 a span {
position: relative !important;
bottom: 0 !important;
}

En el siguiente artículo de nuestro blog se explica cómo añadir estos CSS personalizados:

https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html


 
Respondido : 11/02/2015 3:30 pm
 Jose
Respuestas: 194
Estimable Member
Topic starter
 

Gracias, Pablo

He hecho la prueba, pero el problema es que el nombre de la categoría no se comporta de forma responsive al ver la web en móvil... por que si no me sugieres otra cosa, creo que lo mejor es que no aparezca el nombre de las categorías. La solución de utilizar un opacity: 0 ha sido a modo de prueba pero tampoco me vale porque aunque no se vea, sigue estando ahí y me descuadra las imágenes de categorías en dispositivos móviles....

adjunto imagen

Alguna sugerencia para que se vea correctamente de manera responsive??

Muchas gracias por tu ayuda,

Un saludo!


 
Respondido : 11/02/2015 6:24 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Si no quieres que se vean los textos simplemente agrega

category-view .row .category .spacer h2 a span {
display:none;
}

Sin embargo aún tendrás el problema de que dos imagenes aparecen arriba y una abajo, no se si es esto a lo que te refieres

Saludos.


 
Respondido : 11/02/2015 8:29 pm
 Jose
Respuestas: 194
Estimable Member
Topic starter
 

Hola, Jhon

Gracias, ya lo he añadido para que no se vean los textos. Sabes cómo puedo solucionar el problema de las imágenes? Qué tengo que hacer para que salgan en 2 columnas?

Muchas gracias, un saludo,

Jose


 
Respondido : 11/02/2015 9:26 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

No podrás mostrar siempre dos columnas, la razon es por la estructura , hay un contenedor con la clase row que agrupa a productos de 3 en 3

Lo mejor que se puede hacer es que a una determinada resolución se muestre una sola columna, ubica el siguiente archivo :

/templates/mimas/css/mimas-custom.css

Al final agrega el siguiente código :

@media (max-width:769px){
	.category-view .row .category{
		width:100%!important;
	}
}

Puedes usar el Administrador de Archivos de tu Cpanel de tu cuenta para realizar esto, revisa :

Saludos.


 
Respondido : 11/02/2015 10:16 pm
 Jose
Respuestas: 194
Estimable Member
Topic starter
 

Buenos días

Arreglado, muchas gracias, un saludo


 
Respondido : 07/03/2015 1:51 pm