Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

Cambiar estilo del menu Productos | Categorias de VirtueMart  

 
Sergio Frutos
 Sergio Frutos
Usuario experto

Hola,
¿alguien me puede indicar en que archivo puedo modificar el estilo (tipo de letra, tamaño, color, etc) del menú Productos | Categorias de la plantilla My Store_Plaza?
Tambien necesito cambiar el tamaño del recuadro donde aparecen las fotos de las categorias.
Adjunto imagen aclaratoria.
Gracias
Sergio

Citar
Respondido : 23/11/2011 4:25 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Para el módulo de listado de categorías debes de hacer los cambios en el archivo modules/mod_tpindexvm/tmpl/tpindexvm_menu.css
Aquí se encuentran los estilos que se aplican al módulo.

Sobre el recuadro donde aparecen las fotos de las categorías, realmente cada uno de los recuadros se adapta al tamaño completo de la pantalla en función del número de categorías por fila que se esté mostrando. Por ejemplo, si tenemos configurado el módulo para que muestre 2 categorías por fila el recuadro tendrá un ancho del 50% del total disponible para este módulo.

El módulo se carga en la posición cpanel y es de tipo mod_tpindexvm .

ResponderCitar
Respondido : 23/11/2011 5:11 pm

Cursos Gratuitos WordPress

Sergio Frutos
 Sergio Frutos
Usuario experto

Hola Pablo,
es el alto lo que quiero modificar, si te fijas en la imagen que adjunté verás que queda un trozo en blanco entre la foto y el marco.

ResponderCitar
Respondido : 23/11/2011 5:23 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Pon un enlace a la página de tu web donde se carga esto para que lo podamos analizar y ver dónde está el problema.

ResponderCitar
Respondido : 23/11/2011 5:24 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Sergio Frutos
 Sergio Frutos
Usuario experto

Esta es mi página:
http://www.olimaia.com/index.php/tienda
Lo que quiero ajustar es la parte de abajo del marco de las fotos de las categorias, para que no me quede ese espacio en blanco que supongo es para el texto descriptivo de cada categoria.

ResponderCitar
Respondido : 23/11/2011 5:46 pm
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Sergio,

Comprueba que tengas la configuración del módulo (Administrador --> extensiones --> gestor de módulos --> Categorías || Tienda Online), tal como indicamos en la imagen adjunta.

Saludos,

ResponderCitar
Respondido : 24/11/2011 9:10 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Sergio Frutos
 Sergio Frutos
Usuario experto

Gracias Jordi, aun me queda un espacio en blanco que supongo podré cubrir haciendo la foto un poco mas grande.
Lo que no he conseguido es cambiar el tipo de letra y color de la cabecera del módulo de Producto | Categorias. Pablo me indicó este archivo modules/mod_tpindexvm/tmpl/tpindexvm_menu.css pero no he conseguido encontrar los valores del título. 🙁
Gracias
Sergio

ResponderCitar
Respondido : 24/11/2011 9:55 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

El color y fuente de letra de la cabecera del módulo "Producto | Categorias" se puede cambiar, pero debes de tener en cuenta que de esta forma se aplicaría el cambio a todas las cabeceras de los módulos del lateral que vaya a usar.

Para cambiarlo prueba a editar el archivo mystore/templates/mystore_plazza/css/module.css. Arriba des todo verás el siguiente código:

#tpcontainer .tpcontainerleft div.moduletable h3,
#tpcontainer .tpcontainerright div.moduletable h3,
#tpcontainer .tpcontainerleft div.moduletable_menu h3,
#tpcontainer .tpcontainerright div.moduletable_menu h3{
	padding: 3px 10px 3px 0;
	border-top: 1px solid #323232;
	background: url(../images/line1.png) 0 100% repeat-x;
	margin-bottom:10px;
}

Aquí puedes probar a agregar la fuente y color que necesites. Por ejemplo, si quieres color rojo y fuente Verdana deberás poner lo siguiente:

#tpcontainer .tpcontainerleft div.moduletable h3,
#tpcontainer .tpcontainerright div.moduletable h3,
#tpcontainer .tpcontainerleft div.moduletable_menu h3,
#tpcontainer .tpcontainerright div.moduletable_menu h3{
	padding: 3px 10px 3px 0;
	border-top: 1px solid #323232;
	background: url(../images/line1.png) 0 100% repeat-x;
	margin-bottom:10px;
	color:#FF0000;
	font-family:Verdana;
}
ResponderCitar
Respondido : 24/11/2011 11:58 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Sergio Frutos
 Sergio Frutos
Usuario experto

Perfecto!!
Muchas gracias.

ResponderCitar
Respondido : 24/11/2011 9:30 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Sergio Frutos,

Actualmente tienes el sitio cerrado por mantenimiento, pero supongo que te funciono bien la sugerencia de Pablo, ya nos contarás.

Saludos

ResponderCitar
Respondido : 24/11/2011 9:53 pm

Sergio Frutos
 Sergio Frutos
Usuario experto

Si, funciono perfecto.
Gracias

ResponderCitar
Respondido : 24/11/2011 9:58 pm