How can I remove the cart dropdown in Gem theme?

Daniel19901
Shopify Partner
82 0 10

Hi,
I would like to remove the dropdown cart that appears every time that customers add an item to their cart *the window that pops out).
So basically just have the tiny bubble icon that shows the number of items in the cart, without having this dropdown triggered every time that they add something.

 

Can someone help ? 

Using Gem theme

https://randmvape-shop.de/

Replies 4 (4)

Moeed
Shopify Partner
3697 932 1166

Hey @Daniel19901 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.site-header__drawer.is-active {
    display: none !important;
}
</style>

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

theycallmemakka
Shopify Partner
1375 305 334

Hi @Daniel19901 ,

 

I have written custom CSS to remove the Cart Dropdown.

 

Note: In future if you want to remove the feature, just remove the code.

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code just above </body> tag

 

<style>
div#HeaderCart ,.site-nav__close-cart {
    display: none!important;
}
.cart-open .site-nav__icons {
    display: flex!important;
}
</style>

 

If you require further help to optimize your store, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

Daniel19901
Shopify Partner
82 0 10

@theycallmemakka thank you so much! it almost solved the problem! but now I cannot click on the cart icon anymore. Any chance you help me solve this ?

theycallmemakka
Shopify Partner
1375 305 334

Hi @Daniel19901,

 

Please add below code just below previously added code. This will redirect the users to the cart page when clicked.

<script>
document.querySelector('a#HeaderCartTrigger').addEventListener('click', function(){
    window.location = "/cart"
})
</script>

 

Thank you

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com