Foro de soporte WordPress en español


Soporte WordPress en español Soporte gratuito para webs alojadas en Webempresa.com
Habilitado para todos los clientes con planes de Hosting Alto Rendimiento a partir de 3GB y planes XL.

No ofrecemos soporte a webs alojadas en servidores externos o localhost, ni soporte css o programación.

Te recomendamos que leas esta información sobre nuestro sistema de soporte en el foro, te ayudará a sacar el máximo partido de nuestro conocimiento: Cómo podemos ayudarte.


Encuentra la solución a tu problema, buscando en nuestro foro:
Bienvenido, Invitado
Nombre de Usuario: Contraseña: Recordarme
Resolvemos dudas sobre el uso de plugins en WordPress. Soluciones para conseguir funcionalidades para tu Web. Consejos sobre instalación y configuración de Plugins. 100% en español.

TEMA: Agregar icono al botón de "Añadir al Carrito"

Agregar icono al botón de "Añadir al Carrito" 1 año 4 meses antes #309682

Buenas noches.

¿Alguna opción de poder agregar un icono al botón de "Añadir Al Carrito" en woocommerce?

URL del sitio: Contenido oculto para usuarios invitados. Por favor, inicie su sesión para poder verlo.
  • Luis
  • Avatar de Luis
  • DESCONECTADO
  • Navegador Superior
  • Mensajes: 51
  • Gracias recibidas 1
  • Karma: 0
El tema ha sido cerrado.
Mejora la velocidad de tu WordPress

Agregar icono al botón de "Añadir al Carrito" 1 año 4 meses antes #309684

Hola,

Entiendo que lo que requieres es agregar un icono cuando se pasa el ratón sobre el producto.

Se puede intentar hacer por CSS prueba como indica este articulo agregando la funcionalidad: decodecms.com/como-usar-dashicons-en-wordpress/ y luego en el fichero de estilos de tu plantilla insertar el código:
.fusion-rollover div a::before{
	font-family: "dashicons";
	content: "\f344";
}
Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
El tema ha sido cerrado.
trasladar web gratis

Agregar icono al botón de "Añadir al Carrito" 1 año 4 meses antes #309685

No, no es eso, simplemente lo que pregunté.

En el botón de "Añadir al Carrito" insertar un icono (por ejemplo cesta, o carro, etc) antes o después de la frase "Añadir al Carrito"
  • Luis
  • Avatar de Luis
  • DESCONECTADO
  • Navegador Superior
  • Mensajes: 51
  • Gracias recibidas 1
  • Karma: 0
El tema ha sido cerrado.
solucionar problemas wordpress

Agregar icono al botón de "Añadir al Carrito" 1 año 4 meses antes #309687

Hola,

Quizás será necesario que nos adjuntes una captura ya que la respuesta que te di anteriormente hace precisamente esto, insertar un icono antes de la frase "Añadir al Carrito".
Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
El tema ha sido cerrado.

Agregar icono al botón de "Añadir al Carrito" 1 año 4 meses antes #309689

He insertado el código pero nada.

Envío archivo donde se ve el botón en la página individual de un producto. En la página de archivos eliminé la opción del botón en cada producto.
Forowebempresa.png
  • Luis
  • Avatar de Luis
  • DESCONECTADO
  • Navegador Superior
  • Mensajes: 51
  • Gracias recibidas 1
  • Karma: 0
El tema ha sido cerrado.

Agregar icono al botón de "Añadir al Carrito" 1 año 4 meses antes #309694

Hola Luis.

¿ Que pasos realizaste ? añadiste primero la funcion como se indica en el articulo, para que carge la fuente con los iconos ?

Revisa de nuevo el articulo te alias los pasos que te indica, primero tienes que añadir la función en el archivo wp-content -> themes -> Avada-Child-Theme -> functions.php y una vez cargada la fuente ya podrás utilizar los iconos

Un saludo
  • Pepe
  • Avatar de Pepe
  • CONECTADO
  • Administrador
  • Mensajes: 19550
  • Gracias recibidas 1561
  • Karma: 557
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El tema ha sido cerrado.

¿Te ha resultado interesante esta entrada del foro?

Suscríbete para recibir consejos y trucos útiles para tu Web.

Agregar icono al botón de "Añadir al Carrito" 1 año 4 meses antes #309700

Hola.

He cargado este código:

add_action( 'wp_enqueue_scripts', 'dcms_load_dashicons_front_end' );

function dcms_load_dashicons_front_end(){
wp_enqueue_style( 'dashicons' );
}

en Avada-Child-Theme -> functions.php

Luego en insertado el siguiente código en CSS personalizado (donde content: "\f174"; es el icono del carrito):

.fusion-rollover div a::before{
font-family: "dashicons";
content: "\f174";
}

pero nada, sigue sin icono. He probado esto: before {, separar before de {, que en el código están juntos, pero tampoco, sigue sin icono
  • Luis
  • Avatar de Luis
  • DESCONECTADO
  • Navegador Superior
  • Mensajes: 51
  • Gracias recibidas 1
  • Karma: 0
El tema ha sido cerrado.

Agregar icono al botón de "Añadir al Carrito" 1 año 4 meses antes #309713

Una anotación: mi tema tiene activado los iconos FontAwesome
  • Luis
  • Avatar de Luis
  • DESCONECTADO
  • Navegador Superior
  • Mensajes: 51
  • Gracias recibidas 1
  • Karma: 0
El tema ha sido cerrado.

Agregar icono al botón de "Añadir al Carrito" 1 año 4 meses antes #309729

Hola

Si ya tienes fontawesome no sería necesario cargar dashicons, ya que fontawesome tiene más cantidad y variedad de iconos, en tu caso simplemente puedes probar con el siguiente código CSS:
.single_add_to_cart_button.button:before{
	font-family: "FontAwesome";
	content: "\f217";
	margin-right:10px;
}

Puedes agregar este código al final del archivo:
/wp-content/themes/Avada-Child-Theme/style.css

Si quires cambiar el icono usa en content el código unicode, puedes buscar en;
fontawesome.com/icons?d=gallery&q=cart (ingresa el icono que quieres y aparecerá el código unicode)

PD. Asegúrate de limpiar la cache de tu navegador o refrescar tu navegador.

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

Agregar icono al botón de "Añadir al Carrito" 1 año 4 meses antes #309731

Hola.

Perfecto cuando sólo hay una existencia y no aparece la caja de elección de cantidad.
Si hay más de una existencia el icono queda encima de la frase. Adjunto imágenes.
He probado a cambiar los px pero nada.
  • Luis
  • Avatar de Luis
  • DESCONECTADO
  • Navegador Superior
  • Mensajes: 51
  • Gracias recibidas 1
  • Karma: 0
El tema ha sido cerrado.

Agregar icono al botón de "Añadir al Carrito" 1 año 4 meses antes #309732

No sé si es importante.

En este código me indica una "i" (envío imagen) que pone "don't use adjoining classes"
Adjuntos:
  • Luis
  • Avatar de Luis
  • DESCONECTADO
  • Navegador Superior
  • Mensajes: 51
  • Gracias recibidas 1
  • Karma: 0
El tema ha sido cerrado.

Agregar icono al botón de "Añadir al Carrito" 1 año 4 meses antes #309733

Hola

Podrías envíarnos la url de algún producto para cada caso para revisar?

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

Agregar icono al botón de "Añadir al Carrito" 1 año 4 meses antes #309734

Parece que se cruzaron los mensajes. Te copio el mío anterior por si no lo leíste.
No sé si es importante.
En este código me indica una "i" (envío imagen) que pone "don't use adjoining classes"

Te vuelvo a enviar el archivo.

Te envío dos url de los dos ejemplos. La web está en construcción:
Contenido oculto para usuarios invitados. Por favor, inicie su sesión para poder verlo.
Adjuntos:
  • Luis
  • Avatar de Luis
  • DESCONECTADO
  • Navegador Superior
  • Mensajes: 51
  • Gracias recibidas 1
  • Karma: 0
Última Edición: 1 año 4 meses antes por Jhon Marreros Guzman.
El tema ha sido cerrado.

Agregar icono al botón de "Añadir al Carrito" 1 año 4 meses antes #309735

HOla

En lugar del código anterior prueba con el siguiente código
.single_add_to_cart_button:before {
    font-family: "FontAwesome";
    content: "\f217";
    margin-right: 10px;
    float:left;
}

Puedes agregar este código al final del archivo:
/wp-content/themes/Avada-Child-Theme/style.css

PD. La sugerencia que te da tu editor es una sugerencia, no es estricta, igual te indicará que no uses IDs, etc. sin embargo tienes seguramente varios estilos propios de tu theme o de plugins que no siguen estas recomendaciones, igual he cambiado el código anterior para que no concatene clases.

Saludos.
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
Última Edición: 1 año 4 meses antes por Jhon Marreros Guzman.
El tema ha sido cerrado.
Los siguientes usuarios han agradecido: Luis

Agregar icono al botón de "Añadir al Carrito" 1 año 4 meses antes #309736

Hola Jhon. buenas tardes.

Ahora perfecto. Todo bien.

Gracias por todo.

Un saludo.
  • Luis
  • Avatar de Luis
  • DESCONECTADO
  • Navegador Superior
  • Mensajes: 51
  • Gracias recibidas 1
  • Karma: 0
El tema ha sido cerrado.

Temas Relacionados

27 Respuestas emo
Categoría: Plugins WordPress
Tema iniciado 1 año 6 meses antes por José
  • Página:
  • 1
  • 2
631 Visitas
5 Respuestas emo
Tema iniciado 2 años 1 mes antes por Eduardo
1093 Visitas
1 Respuestas emo
Tema iniciado 2 años 1 mes antes por Marti Martinez
727 Visitas
7 Respuestas emo
Categoría: Pack Tienda WordPress
Tema iniciado 1 año 4 meses antes por Alanah
361 Visitas
3 Respuestas emo
Tema iniciado 1 año 4 meses antes por Juan David
640 Visitas
15 Respuestas emo
Tema iniciado 1 semana 3 días antes por Tomas
30 Visitas
5 Respuestas emo
Categoría: Pack Tienda WordPress
Tema iniciado 8 meses 2 semanas antes por Joaquín Lizama
205 Visitas
19 Respuestas emo
Tema iniciado 2 años 6 meses antes por Manuel Ángel
1574 Visitas
14 Respuestas emo
Tema iniciado 1 año 1 semana antes por Nuria
573 Visitas
1 Respuestas emo
Tema iniciado 1 año 3 meses antes por Jaime Erdulfo
669 Visitas

Moderadores: Johnny Heredia Montiel
Tiempo de carga de la página: 0.619 segundos