Dedicated to the Hydrogen framework, headless commerce, and building custom storefronts using the Storefront API.
Hello Shopify community!
https://www.sunflowersugarart.com
I am looking to get rid of the wishlist function and heart icon from my header as it is not actually being used on our web-store
and is cluttering up the header nav menu.
I have tried going through the liquid code to delete the wishlist code but simply cannot find it in the theme code. And the heart icon is starting to really annoy me greatly
p.s I am a new member to the company staff and was not here during the web pages initial build-out and am being given the task to clean it up
Thank you for any and all help
attached is a photo of the problem
Solved! Go to the solution
This is an accepted solution.
Try to add the CSS on the top or between the code...
a.swym-wishlist {
display: none;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->stylesheet.scss.liquid
Hello!
Thank you very much for trying to help, but I cannot find "stylesheet.scss.liquid" in the Assests section. Instead I tried apply the code to other what I thought was applicable code sections but have yet to get rid of the damnable heart.
Is there anything else I can do? or is there another liquid file I can try apply the css code too?
Thank you again for the help so far
I have applied as suggested, but the heart is still there, mocking me
This is how I applied it, am I doing it wrong?
Once again thank you very much for the help.
Try this code
a.swym-wishlist {
display: none !important;
}
Hello again Osc!
Sorry, but that still hasn't seemed to solve the problem.
Here is what am doing, please let me know if am implementing it incorrectly, or any other solutions you can think of.
This is an accepted solution.
Try to add the CSS on the top or between the code...
Hi there!
It appears that the other code suggestions would have worked if the icon was being generated in one instance. Overall, it appears that the plug-in is active. You will want to disable this plug-in in order to remove the heart from the page.
I've attached a screenshot of what to look for.
If you ( @SunFlowerSugar )
let me know if you need further assistance!
Jennifer Teachworth | Founder | DevOps
Hey Jennifer!
Thanks for the reply, I have absolutely scoured the shopify code but cant find anything that looks like that in any of the liquid assets, am really scratching my head here.
I would really appreciate any help you can give to try and get rid of this pesky heart, otherwise am looking at transferring the website to webflow where doing changes are super easy.