We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

How To Remove Items In Cart Drawer (Dawn Theme)

Solved

How To Remove Items In Cart Drawer (Dawn Theme)

MMast
Trailblazer
182 1 26

Thanks in advance!

I am looking to remove the words "product", "total" and the line under the words in the cart drawer section. Example shown below.

Screenshot 2024-04-18 012140.png

https://decemberschild.com/ 

password: dc

Accepted Solutions (2)

Solution_Expert
Shopify Partner
21 3 6

This is an accepted solution.

Hello,

This is Sam from Solution Expert.
Here is the solution:

Go to Themes > Edit code > Theme.liquid > at the bottom place this code before </body>

<style>
#CartDrawer #CartDrawer-ColumnProduct,
#CartDrawer #CartDrawer-ColumnTotal{display:none}
.cart-drawer .cart-items th{border:none !important}
</style>

Was our feedback valuable? Hit LIKE!
Want to get in touch? Mail us at hisolutionexpert@gmail.com

View solution in original post

theycallmemakka
Shopify Partner
1813 440 474

This is an accepted solution.

Hi @MMast ,



Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
thead {
    display: none!important;
}
</style>

theycallmemakka_1-1713431249841.png

 

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!

theycallmemakka_0-1713431246281.png

 

Best Regards,
Makka

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

View solution in original post

Replies 6 (6)

Jivan_Suhagiya
Shopify Partner
602 83 129

Hi,
You can just hide with css
.cart-items thead { display: none; }


Jivan_Suhagiya_0-1713420250221.png

 

If helpful then please Like and Accept Solution.
Email: suhagiyajivan1992@gmail.com
Skype: jivan.suhagiya
First kind of Checkout Reminder APP: https://apps.shopify.com/checkout-reminder
MMast
Trailblazer
182 1 26

In what file?

Jivan_Suhagiya
Shopify Partner
602 83 129

component-cart-drawer.css

If helpful then please Like and Accept Solution.
Email: suhagiyajivan1992@gmail.com
Skype: jivan.suhagiya
First kind of Checkout Reminder APP: https://apps.shopify.com/checkout-reminder
MMast
Trailblazer
182 1 26

How do I format the code in that file

Solution_Expert
Shopify Partner
21 3 6

This is an accepted solution.

Hello,

This is Sam from Solution Expert.
Here is the solution:

Go to Themes > Edit code > Theme.liquid > at the bottom place this code before </body>

<style>
#CartDrawer #CartDrawer-ColumnProduct,
#CartDrawer #CartDrawer-ColumnTotal{display:none}
.cart-drawer .cart-items th{border:none !important}
</style>

Was our feedback valuable? Hit LIKE!
Want to get in touch? Mail us at hisolutionexpert@gmail.com

theycallmemakka
Shopify Partner
1813 440 474

This is an accepted solution.

Hi @MMast ,



Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
thead {
    display: none!important;
}
</style>

theycallmemakka_1-1713431249841.png

 

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!

theycallmemakka_0-1713431246281.png

 

Best Regards,
Makka

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com