Cette fonctionnalité est disponible avec tous les forfaits Goodshuffle Pro.
Parfois, l’icône de cœur par défaut ne correspond pas vraiment à l’image de votre marque. Que vous souhaitiez utiliser une étoile, un panier ou une autre image personnalisée, vous pouvez facilement remplacer le cœur de la liste de souhaits par une icône qui correspond à votre style. Cet article vous montre comment utiliser un simple extrait de code CSS si vous souhaitez avoir un contrôle total sur votre icône.
Tutoriel vidéo étape par étape
Regardez cette courte démonstration pour voir comment faire :
Comment personnaliser l’icône de la liste de souhaits avec du CSS
Si vous êtes à l’aise avec la modification de code de base, utilisez cet extrait CSS.
N’oubliez pas de remplacer "your-url-here" et "your-other-url-goes-here" par les liens de vos propres icônes personnalisées.
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;
}
Besoin d’aide supplémentaire ?
Cliquez sur la bulle de chat bleue en bas de votre écran pour envoyer un message à notre équipe d’assistance — nous sommes là pour vous aider !
Remarque : Cet article a été traduit à l’aide de l’IA. Pour toute question ou clarification, contactez-nous via la bulle de chat en bas de votre écran.