modificar pagina frontal virtuemart  

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

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

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!

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.

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

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.

Buenos días

Arreglado, muchas gracias, un saludo