This feature is available on all Goodshuffle Pro Plans.
Sometimes the default heart icon doesn’t feel like the best fit for your brand. Whether you’d like to use a star, a shopping cart, or another custom image, you can easily swap out the wishlist heart for something that matches your style. This article shows you how to use a simple CSS code snippet if you’d like full control over your icon
Step-by-Step Video Tutorial
Watch this quick demo to see how it’s done:
How to Customize the Wishlist Icon with CSS
If you're comfortable with basic code editing, use this CSS snippet.
Be sure to replace "your-url-here" and "your-other-url-goes-here" with the URLs of your custom icons.
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;
}
Need Additional Support?
Click the blue chat bubble in the bottom corner of your screen to message our support team—we’re happy to help!