Agregar icono al botón de "Añadir al Carro"

Hola,

La forma de añadir este icono depende de la versión de Vituemart que estés utilizando, ya que de la versión 2 a la 3 hay cambios importanes en el código. Indícanos la versión exacta que estás usando.

Hola Pablo, la version de virtuemart que me aparece en el backend de mi sitio es la 3.0.8, de hecho la mencioné al principio de mi consulta. Hazme saber si es esto a lo que te refieres o necesitas alguna otra información.

Hola,

Prueba a añadir un CSS personalizado como el siguiente:

.productdetails-view .addtocart-button:before {
	font-family: FontAwesome, sans-serif;
	content: "f07a";
}

En el siguiente artículo de nuestro blog se explica cómo añadir estos CSS personalizados:

www.webempresa.com/blog/item/1469-agregar-archivo-css-personalizado-para-plantillas-gantry.html

🙂

Hola Pablo, gracias por la información, si me funcionó, se ve muy bien y ahora puedo ver el iconito donde lo quería, 🙂 otra pregunta relacionado con lo mismo, seria posible que el icono fuera parte del vinculo del botón? es decir, algo así como agrandar la zona activa del botón, y que abarcara también el icono para que, ya sea que los usuarios presionen el botón en si, o que presionen el icono los redireccionara hacia el carrito de compras.

Gracias de nuevo.

Hola,

Vete al fichero /templates/prometeo/html/mod_virtuemart_cart/default.php y busca la linea:

 
totalProductTxt ?>

cambiala por:

Hola Johnny, gracias por tu respuesta, lo he hecho y vi que lo que conseguí es que el icono que se encuentra en la parte superior derecha se hizo vinculo hacia el carrito de compras, y lo que yo intento es hacer que el icono anteriormente añadido al botón de "Añadir al Carro" haga la misma acción que el mismo boton, te muestro una captura de pantalla donde señalo el icono que quiero modificar. Mis disculpas si no me explique bien en la primera ocasión.

Gracias por su tiempo.

Hola Victor,

Dices que trabajas con la versión 3.0.8 cuando la versión estable es la 3.0.9.4 actualmente.

Imagino que no podrás actualizar si el cambio lo has realizado en archivos del core de VirtueMart ya que perderás los cambios ¿correcto?.

Saludos

Hola Luis, no tenia idea de la nueva versión ya disponible, creí que mi sitio ya corría con la ultima versión de Virtuemart. Si crees que es recomendable la actualización y tienes el vinculo con el cual puedo actualizar te agradecería que me lo facilitaras, Referente a los cambios, si te refieres al cambio comentado por Pablo, lo hice tal y como el me lo indico, en el archivo css personalizado; si te refieres al cambio comentado por Johnny, no lo aplique aun, porque no ocurrió el cambio que yo esperaba por lo que deshice lo que había modificado.

Hola,

Para realizar la actualización, tendrás que instalar los archivos como si de una extensión se tratara.
Tendrás que instalar los archivos com_virtuemart.3.0.9.zip y com_virtuemart.3.0.9_ext

Los paquetes de actualización podrás encontrar en el siguiente enlace:

http://virtuemart.net/downloads

Saludos

Hola gracias por la información, y volviendo a mi solicitud de hacer que el iconito agregado se convierta también en parte del hipervinculo del botón "Añadir al Carro"... Alguna idea de como podría conseguirlo? Gracias

Hola,

El tipo de elemento de manejas para la pagina de inicio es una pagina de Virtuemart? o es algún fichero personalizado.

Hola Johnny, efectivamente, tengo establecida como pagina de inicio un producto de Virtuemart.

Hola,

Prueba a reemplazar el código que te había pasado por este otro:

.productdetails-view .addtocart-button:before {
font-family: FontAwesome, sans-serif;
content: "f07a";
position: absolute;
top: 3px;
left: 15px;
}

span.addtocart-button {
position: relative;
}

.productdetails-view .addtocart-area span.addtocart-button input.addtocart-button {
padding-left: 30px;
}

Hola Pablo, he agregado el código que me pasaste, y visualmente el icono se agrega muy bien al botón, solo que el área donde está el icono no es parte del vinculo 🙁 es decir, si posiciono el cursor del mouse sobre las letras del botón, si me redirecciona a la pagina del carrito de compras, pero si posiciono el cursor por encima del icono que hemos agregado (dentro del botón), y doy clic, no ocurre nada, seria posible que el icono también fuera parte del vinculo?

Dejare el cambio hecho en http://www.quinielasmx.com/qmxsandbox/ para mostrarte como va quedando.

Muchas gracias por tu tiempo.