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 préfériez 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, utilisez cet extrait CSS.
Assurez-vous 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;
}
Ajuster la hauteur et la largeur à 60x60
gspro-c-wishlist__trigger gspro-icon {
background-image: url("YOUR URL HERE");
background-size: cover;
background-repeat: no-repeat;
height: 60px;
width: 60px;
}
Besoin d’aide supplémentaire ?
Cliquez sur la bulle de chat bleue en bas à droite de votre écran pour envoyer un message à notre équipe d’assistance — nous sommes là pour vous aider !
Clause de non-responsabilité : Cet article a été traduit à l’aide de l’IA. Pour toute question ou précision, contactez-nous via la bulle de chat en bas à droite de votre écran.