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.
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025