Shopify themes, liquid, logos, and UX
Hello,
I am looking to remove the wish list that was built into the theme on my website, the link never works so I need to remove the button from mobile view footer, settings menu (where you could register an online account, log in, etc.) and from the products pages.
The theme is "pukabop", website is www.bebibear.com
Thank you.
Solved! Go to the solution
This is an accepted solution.
Hey @bebibear_shop,
I don't know where else the wish list stuff appears on the theme unless you tell me.
To hide the hover icon, delete the code above and replace with the following. Instructions are the same.
<style>
a[title="Wishlist"],
.btn-addwhlist,
.add-wishlist {
display: none !important;
}
.product-item-v1 .product-icon-action {
bottom: auto !important;
top: 50% !important;
transform: translateY(-50%) !important;
}
</style>
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: paste bellow code in tag </body> -> save.
<style>
@media (max-width: 767px){
.info_footer.end button.btn.mb-2 {
display: none;
}
}
</style>
Hope that my solution works for you.
Best regards,
Henry | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
it didnt work.
the reason im basically deleting it is because it does not add products to the wishlist page. it sometimes adds like 1 product if i attempt to add 5 or 6 products to the wishlist, it hardly adds products to the wishlist first of all and secondly it does not get deleted from the wishlist page if i try to delete it then. i would prefer to get it fixed first if possible please, if not then just help me delete it from the homepage too please. thank you very much for your time and hard work.
Hey @bebibear_shop,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
a[title="Wishlist"],
.btn-addwhlist {
display: none !important;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
hey can you please help me...
im using dawn theme & want to auto rotate slides in testimonials please help me in the code...
my site url :https://mansaroverfurnishings.com/
thank you very much. it did take it off from the product page but it still shows it on the home page, when im hovering over the product. it shows 3 icons, quick view, select options and add to wishlist. i want to take off the wishlist from there too. i want to completely get rid of the wishlist system from my store please.
This is an accepted solution.
Hey @bebibear_shop,
I don't know where else the wish list stuff appears on the theme unless you tell me.
To hide the hover icon, delete the code above and replace with the following. Instructions are the same.
<style>
a[title="Wishlist"],
.btn-addwhlist,
.add-wishlist {
display: none !important;
}
.product-item-v1 .product-icon-action {
bottom: auto !important;
top: 50% !important;
transform: translateY(-50%) !important;
}
</style>
thank you very much. this code did a miracle.
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025