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

Página 1 / 2
 
Victor
 Victor
Usuario experto

Joomla 3.4.1
VirtueMart 3.0.8
Plantilla Prometeo

Hola, dentro de mi sitio, en la parte superior derecha tengo un icono de color rojo con blanco que hace referencia al carrito de compras.

Me gustaría copiar ese iconito y añadirlo al botón de "Añadir al carro" de los productos de Virtuemart, les muestro donde me gustaría que quedara posicionado ese icono.

Alguna idea de como puedo hacer esto?
Muchas gracias por su tiempo.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 18/06/2015 10:58 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

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

ResponderCitar
Respondido : 18/06/2015 4:02 pm

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

Victor
 Victor
Usuario experto

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.

ResponderCitar
Respondido : 19/06/2015 9:14 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

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

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

ResponderCitar
Respondido : 19/06/2015 12:06 pm

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

Victor
 Victor
Usuario experto

🙂

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.

ResponderCitar
Respondido : 20/06/2015 10:10 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

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

 
totalProductTxt ?>

cambiala por:

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

ResponderCitar
Respondido : 20/06/2015 7:52 pm

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

Victor
 Victor
Usuario experto

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.

ResponderCitar
Respondido : 22/06/2015 2:27 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

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

ResponderCitar
Respondido : 22/06/2015 3:19 am

Cursos Gratuitos WordPress

Victor
 Victor
Usuario experto

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.

ResponderCitar
Respondido : 22/06/2015 8:25 am
Julen
 Julen
Miembro Admin

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

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

ResponderCitar
Respondido : 22/06/2015 11:24 am

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

Victor
 Victor
Usuario experto

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

ResponderCitar
Respondido : 24/06/2015 7:53 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

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

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

ResponderCitar
Respondido : 24/06/2015 8:01 am

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

Victor
 Victor
Usuario experto

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

ResponderCitar
Respondido : 24/06/2015 10:34 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

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;
}

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

ResponderCitar
Respondido : 24/06/2015 4:13 pm

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

Victor
 Victor
Usuario experto

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.

ResponderCitar
Respondido : 28/06/2015 5:26 am
Página 1 / 2

Por favor Iniciar Sesión o Registro