Cambios tamaños textos e imagenes en Virtuemart  

 
Marco
 Marco
Reputable Member

Hola,

Tenemos instalado Joomla 3.5.1 y Virtuemart 3.0.2.

Quisieramos cambiar algunas layouts pero no conseguimos averiguar donde tenemos que realizar los cambios.

1 Modificar el tamaño del textos de los nombres de las categorias
2 El tamaño de las imagenes/miniaturas de los productos. Lo he cambiado en configuracion pero sigue ridemensionandolos a 90 px de alto (puse 110)
3 Poder modificar el tamaño y color del texto de los precios sea en la vision lista productos que en detalle.

Muchas gracias.

Marco

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 14/04/2016 3:30 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Te contesto a los temas:

1.- Tendrías que especificar a qué texto te refieres concretamente. Podría ser el texto de las subcategorías o el que se carga en la cabecera cuando estamos en una categoría. Lo mejor es que envíes una captura de pantalla indicando el texto que quieres cambiar.

2.- Analizando las imágenes, veo que desde el archivo components/com_virtuemart/assets/css/vm-ltr-site.css se está aplicando el siguiente estilo:

.browseProductImage {max-height: 90px;width:auto;max-width: 100%;}

Ese max-height: 90px debe ser el que hace que las imágenes no se muestren en un tamaño mayor. No es conveniente aplicar aquí el cambio en el CSS, ya que lo perderías cuando actualices Joomla.

En su lugar podrías añadir un estilo como el siguiente en alguno de los CSS que se carguen en tu plantilla:

.browseProductImage {max-height: 100px !important;}

3.- No me queda claro si quieres cambiar el color del precio en el listado de productos de categoría, en la página de detalles o en ambos casos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 14/04/2016 4:28 pm

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

Marco
 Marco
Reputable Member

Hola Pablo,

antes de nada gracias por tu rápida respuesta.

Te comento:

El tema imagenes perfecto, lo he añadido en custom.css de la plantilla

Respecto al texto de las categorias the adjunto una captura "vista_categorias.jpg"

El precio quiero cambiarlo en ambois casos, ponerlo un poco mas grande y de otro color. Te adjunto dos capturas imagenes "vista_producto_detalle.jpg" y "vista_producto.jpg".

Por ulyimo he añadido un código para que visualice la referencia del producto (Sku) en el detalle de producto pero no he conseguito alinearlo con el precio, ademas me gustaria ponerlo también en la vista "lista productos".

Muchas gracias.

Marco

ResponderCitar
Respondido : 14/04/2016 6:24 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Para el tema del texto de la categorías , agrega el siguiente código CSS

.category-view .row .category .spacer h2 a{
font-size:20px
}

Para el tema del tamaño de letra en el listado de producto :

.browse-view .product .vm-price-desc,
.browse-view .product .PricesalesPrice{
	font-size:20px;
	color:blue!important;
}

Para el detalle de producto

.product-price{
  font-size:20px;
  color:red!important;
  margin-top:20px;
}

Todas estas modificaciones puedes agregarlas al final del archivo:
/templates/it_orchidshop/assets/css/custom.css

Si quieres realizar más modificaciones de este tipo te sugiero revisar :
https://www.webempresa.com/blog/como-modificar-estilos-css-en-plantillas-joomla-wordpress-o-prestashop.html

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 14/04/2016 10:50 pm

Cursos Gratuitos WordPress

Marco
 Marco
Reputable Member

Hola John,

muchas gracias por tu aportación funciona perfectamente.

Una consulta mas:

He añadido el codigo (SKU) en el detalle del producto poniendo una liena de codigo pero no me lo alinea con el precio.

Como podria hacerlo?

Gracias.

Marco

Un saludo.

Marco

ResponderCitar
Respondido : 18/04/2016 10:01 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Marco.
Revisa esta entrada del blog:
Insertar campo SKU al detalle del producto para Virtuemart

Nota: Recuerda realizar una copia del archivo antes de cualquier modificación, solo con un copia y pega en el block de notas tendrás suficiente para dejarlo como estaba anteriormente.

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 18/04/2016 11:00 am

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

Marco
 Marco
Reputable Member

Hola Pepe,

Muchas gracias por tu respuesta.

Efectivamente así lo hemos hecho pero no se queda alineado con el precio del producto.

Como podriamos alinearlo y eventualmente cambiar el color?

Adjunto captura.

Gracias

Marco

ResponderCitar
Respondido : 18/04/2016 3:09 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

De manera general debería estar en otra línea, ya que son bloques independientes.
Envia la url de algún producto que muestre el SKU, para revisar

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 18/04/2016 8:29 pm

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

Marco
 Marco
Reputable Member
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Para que sea más fácil estilizar con CSS, mejor agrega el código en un contenedor y con una clase , por ejemplo :

<?php

echo "

COD: ".$this->product->product_sku."

";

?>

Se agregó la class="cod" , con esto te falitará agreegar código CSS, realiza primero esto.

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 19/04/2016 1:13 am

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

Por favor Iniciar Sesión o Registro