Como dar formato al carro de Virtuemart en la barra del menu  

Hola
:
De manera general si tu template no soporta virtuemart tendrías que hacer modificaciones
Prueba agregando el siguiente código CSS

.fa-shoppingcart{
	margin-top:10px;
}

.fa-shoppingcart a,
.fa-shoppingcart{
	color:white;
	font-weight:bold;
	font-family:arial;
	font-size:14px;
	text-shadow:1px 1px 1px gray;
}

Puedes agregar este código al final del archivo:
/templates/it_orchidshop/assets/css/custom.css

Otra opción es usar una extensión, revisa por ejemplo:
https://extensions.joomla.org/extension/cart-pro-for-virtuemart/
https://extensions.joomla.org/extension/slim-shopping-cart-for-virtuemart/
https://cmsmart.net/virtuemart-extensions/ajax-drop-down-cart-for-virtuemart

Saludos.

Muchas gracias Jhon.

Habria la posibilidad de poner un icono de un carrito?

Marco

Hola

Supongo que has estado haciendo modificaciones a tu código ya que veo algo raro, el ID debe ser único y veo que tienes asignados dos IDs para el contenedor del carrito, ver imagen adjunta

De manera general para mostrar un carrito, puesto que ya cargas fontawesome entonces simplemente podrías evaluar usar el siguiente código CSS:

#cart>div:before{
	font-family:'FontAwesome';
	content:"f07a";	
	margin-right: 4px;
	color:white;
	display: inline-block;
	float: left;
}

Puedes insertarlo al final de tu archivo custom.css

Saludos

Hola John,

Muchas gracias.

Lo único que ahora me muestra "Carro vacio" en dos renglones......

Como puedo ponerlo en el mismo renglon?

Gracias.

Marco

Hola

Prueba con el siguiente código CSS:

#cart .total_products{
	display: inline-block
}

Saludos.

Perfecto John......Gracias.

Una última cosa....se puede hacer un poco mas grande el icono del carro y centrar todo a lo alto?

Gracias otra vez.

Marco

Hola

Anteriormente te envié un código #cart>div:before , agrega las dos últimas sentencias, tal como se muestra:

#cart>div:before{
	font-family:'FontAwesome';
	content:"f07a";	
	margin-right: 5px;
	color:white;
	display: inline-block;
	float: left;
	font-size: 20px;
	margin-top:-4px;
}

Adicionalmente, al final del archivo custom.css agrega:

#cart>div{
	padding-top:8px;
}

Saludos.

Muchas gracias John.

Perfecto.

Un saludo.

Marco

Hola Marco,

Gracias por tu confianza 🙂

Nos alegra que te guste nuestro servicio. 🙂

Nos sería de mucha utilidad que nos dejases tu testimonio, solicitamos testimonios para colocar en nuestra página y ayudar a otros posibles clientes a decidirse por nuestros servicios:

Puedes crear el testimonio aquí: https://www.webempresa.com/testimonios.html?view=form&layout=edit

Si nos quieres enviar tu experiencia con nuestro servicio, la publicaremos en nuestra página con un link hacia tu Web. Nuestro dominio webempresa.com tiene una autoridad alta, así que el link te será muy útil en la mejora del posicionamiento en Google de tu Web. Además la sección de testimonios es bastante consultada, por lo que algún interesado en tus servicios podría llegar por esta vía.

Si ya lo solicitamos anteriormente y nos lo facilitaste, puedes dejar otro testimonio si tienes otra página que quieras posicionar mejor al tener un link en la nuestra con tu testimonio.

Gracias por publicar tu testimonio y por tus palabras de agradecimiento.

¡Qué tengas un feliz día!