Solved

Removing The Wish List From The Theme/ Deactivating The Theme Wish List

bebibear_shop
Tourist
13 0 1

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.

Accepted Solution (1)
ThePrimeWeb
Shopify Partner
2113 605 470

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>

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 8 (8)

PageFly-Henry
Astronaut
1074 308 262

Hi @bebibear_shop 

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.

PageFlyHenry_0-1710580737159.png

 

 

<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.

bebibear_shop
Tourist
13 0 1

it didnt work.

bebibear_shop
Tourist
13 0 1

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.

ThePrimeWeb
Shopify Partner
2113 605 470

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.

ThePrimeWeb_0-1710580906339.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
manan123
Explorer
104 1 1

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/

 

manan123_0-1710583631950.png

 

bebibear_shop
Tourist
13 0 1

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.

ThePrimeWeb
Shopify Partner
2113 605 470

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>

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
bebibear_shop
Tourist
13 0 1

thank you very much. this code did a miracle.