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

 
Marco
 Marco
Reputable Member

Hola,

tengo Joomla 3.7 y Virtuemart 3.2.2 conuna plantilla de Icetheme la Orchideashop.

La posición del carro esta en la barra del menu principal.

Si activo el modulo del carro de virtuemart me lo muestra sin formato, como puedo darle formato y a lo mejor ponerle un icono (tipo de un carrito)?

Muchas gracias.

Marco

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 09/08/2017 7:08 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

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

ResponderCitar
Respondido : 09/08/2017 10:17 pm

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

Marco
 Marco
Reputable Member

Muchas gracias Jhon.

Habria la posibilidad de poner un icono de un carrito?

Marco

ResponderCitar
Respondido : 14/08/2017 9:48 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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

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

ResponderCitar
Respondido : 14/08/2017 6:18 pm

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

Marco
 Marco
Reputable Member

Hola John,

Muchas gracias.

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

Como puedo ponerlo en el mismo renglon?

Gracias.

Marco

ResponderCitar
Respondido : 15/08/2017 6:16 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba con el siguiente código CSS:

#cart .total_products{
	display: inline-block
}

Saludos.

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

ResponderCitar
Respondido : 15/08/2017 7:16 pm

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

Marco
 Marco
Reputable Member

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

ResponderCitar
Respondido : 15/08/2017 7:39 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

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

ResponderCitar
Respondido : 15/08/2017 8:28 pm

Cursos Gratuitos WordPress

Marco
 Marco
Reputable Member

Muchas gracias John.

Perfecto.

Un saludo.

Marco

ResponderCitar
Respondido : 16/08/2017 11:10 am
Rafael
 Rafael
Miembro Moderator

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!

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

ResponderCitar
Respondido : 16/08/2017 12:17 pm

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

Por favor Iniciar Sesión o Registro