Ir al contenido principal

¿Cómo uso algo que no sea un ícono de corazón en mi sitio web?

¿Quieres utilizar un ícono que no sea el Corazón estándar? ¡Así es cómo!

Colin Connor avatar
Escrito por Colin Connor
Actualizado esta semana

Esta función está disponible en todos los planes de Goodshuffle Pro.

A veces, el ícono de corazón predeterminado no parece ser el mejor para tu marca. Ya sea que prefieras usar una estrella, un carrito de compras u otra imagen personalizada, puedes cambiar fácilmente el corazón de la lista de deseos por algo que se ajuste a tu estilo. Este artículo te muestra cómo usar un fragmento de código CSS simple si deseas tener control total sobre tu ícono.


Tutorial en Video Paso a Paso

Mira esta demostración rápida para ver cómo se hace:

Cómo Personalizar el Ícono de la Lista de Deseos con CSS

Si te sientes cómodo editando código básico, utiliza este fragmento de CSS.
Asegúrate de reemplazar "your-url-here" y "your-other-url-goes-here" con las URLs de tus íconos personalizados.

gspro-item-card gspro-icon {
background-image: url("your-url-here");
background-size: cover;
background-repeat: no-repeat;
}

gspro-item-card gspro-icon svg {
display: none;
}

gspro-wishlist .gspro-c-wishlist__trigger gspro-icon {
background-image: url("your-other-url-goes-here");
background-size: cover;
background-repeat: no-repeat;
}

gspro-wishlist .gspro-c-wishlist__trigger gspro-icon svg {
display: none;
}


¿Necesitas Ayuda Adicional?

Haz clic en la burbuja de chat azul en la esquina inferior de tu pantalla para enviar un mensaje a nuestro equipo de soporte. ¡Estamos encantados de ayudarte!

Descargo de responsabilidad: Este artículo fue traducido usando IA. Para cualquier pregunta o aclaración, por favor contáctanos usando la burbuja de chat en la esquina inferior de tu pantalla.

¿Ha quedado contestada tu pregunta?