Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

Getting rid of Wishlist Heart Icon

Solved

Getting rid of Wishlist Heart Icon

SunFlowerSugar
New Member
5 0 0

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

 

shophelp.png

Accepted Solution (1)
oscprofessional
Shopify Partner
16116 2409 3125

This is an accepted solution.

@SunFlowerSugar ,

Try to add the CSS on the top or between the code...

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

View solution in original post

Replies 9 (9)

oscprofessional
Shopify Partner
16116 2409 3125

@SunFlowerSugar ,

a.swym-wishlist {
    display: none;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->stylesheet.scss.liquid

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
SunFlowerSugar
New Member
5 0 0

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

oscprofessional
Shopify Partner
16116 2409 3125

@SunFlowerSugar ,

oscprofessional_0-1654501747360.png

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
SunFlowerSugar
New Member
5 0 0

I have applied as suggested, but the heart is still there, mocking me

 

This is how I applied it, am I doing it wrong?

shophelp2.png

 

Once again thank you very much for the help.

oscprofessional
Shopify Partner
16116 2409 3125

@SunFlowerSugar ,

Try this code

a.swym-wishlist {
    display: none !important;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
SunFlowerSugar
New Member
5 0 0

Hello again Osc!

 

Sorry, but that still hasn't seemed to solve the problem.

 

shophelp3.png

 

Here is what am doing, please let me know if am implementing it incorrectly, or any other solutions you can think of.

oscprofessional
Shopify Partner
16116 2409 3125

This is an accepted solution.

@SunFlowerSugar ,

Try to add the CSS on the top or between the code...

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

allyallcreative
Shopify Partner
5 0 0

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.swym-pluginswym-plugin

 

 

 

 

 

 

 

If you ( @SunFlowerSugar )

let me know if you need further assistance! 

Jennifer Teachworth | Founder | DevOps

@allyallcreative 

ALL Y’ALL CREATIVE AGENCY
Shopify Partner and Developer
devops@allyallpdx.com
SunFlowerSugar
New Member
5 0 0

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.