Remove cart button

Solved

Remove cart button

DHRUVEN
Tourist
25 0 2

IMG_9084.png

 how to remove these cart buttons from my products?

Accepted Solution (1)

Moeed
Shopify Partner
5883 1598 1899

This is an accepted solution.

Hey @DHRUVEN 

 

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>
@media screen and (max-width: 767px) {
button.stain-button-canvas.group\/quick-action-button.bg-button.flex.items-center.justify-center.type-accent.font-bold.text-r3.transition-opacity.duration-\[--enter-animation-duration\].pointer-events-auto.w-r12.aspect-square.min-w-\[40px\].min-h-\[40px\].md\:min-h-\[48px\].md\:px-r8.md\:py-r5.md\:w-full.md\:aspect-auto {
    display: none !important;
}
}
</style>

RESULT:

Moeed_0-1729590121209.png

 

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

 

Best Regards,
Moeed

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 6 (6)

Dan-From-Ryviu
Shopify Partner
10094 2006 2058

Hi @DHRUVEN 

Do you want to remove it from mobile only?

 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

DelightCart
Shopify Partner
1264 83 157

@DHRUVEN Please send me store url. Do you want to remove desktop and mobile both?

Delight Cart - It's time to turn your visitors into loyal shoppers! 

Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.
DHRUVEN
Tourist
25 0 2

https://e6687b-92.myshopify.com/

i want to remove from mobile

Moeed
Shopify Partner
5883 1598 1899

This is an accepted solution.

Hey @DHRUVEN 

 

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>
@media screen and (max-width: 767px) {
button.stain-button-canvas.group\/quick-action-button.bg-button.flex.items-center.justify-center.type-accent.font-bold.text-r3.transition-opacity.duration-\[--enter-animation-duration\].pointer-events-auto.w-r12.aspect-square.min-w-\[40px\].min-h-\[40px\].md\:min-h-\[48px\].md\:px-r8.md\:py-r5.md\:w-full.md\:aspect-auto {
    display: none !important;
}
}
</style>

RESULT:

Moeed_0-1729590121209.png

 

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

 

Best Regards,
Moeed

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


DHRUVEN
Tourist
25 0 2

Thankyou so very much moeed for your help and support. I can’t Thanku enough🙏🏻🙏🏻

Moeed
Shopify Partner
5883 1598 1899

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications