Cambios tamaños textos e imagenes en Virtuemart  

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.

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

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.

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

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

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

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.

Hola,

aquí va:

http://www.grabadosguerrero.com/index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=73&virtuemart_category_id=65&Itemid=1396

Gracias

Marco

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.