Remove Cart Icon

Remove Cart Icon

junktiontbs
Excursionist
19 0 4

Hello Shopify community,

 

I try to remove cart icon and instead have something similar to this (its text i think)

Screenshot 2024-11-21 at 14.28.46.png

 

with help of community, i have done it, but when adding to cart, it makes round bubble and ruins cart item quantities.

Screenshot 2024-11-24 at 01.37.45.png

 

any ideas?

Replies 11 (11)

Moeed
Shopify Partner
7704 2070 2550

Hey @junktiontbs 

 

It looks completely fine to me. Are you talking about a draft theme?

Moeed_0-1732543397500.png

 

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


junktiontbs
Excursionist
19 0 4

No, its actually live now: https://mwpcbi-sv.myshopify.com/

namphan
Shopify Partner
2695 349 397

Hi @junktiontbs,

You need to change at 2 positions, it will work fine:

- 1: Please go to header.liquid file and change code here:

1.png

- 2: Go to cart-icon-bubble.liquid file and change code here:

2.png

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com
junktiontbs
Excursionist
19 0 4

Hi, do not understand what to change, it quite same code sits at my current website. same as you have here in screenshots.

namphan
Shopify Partner
2695 349 397

Hi @junktiontbs,

Please send the website link, I will check it for you

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com
junktiontbs
Excursionist
19 0 4

Hello Namphan,

this is website: https://mwpcbi-sv.myshopify.com/

namphan
Shopify Partner
2695 349 397

Hi @junktiontbs,

I checked and you still haven't changed the text, how do you want the text to display?

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com
junktiontbs
Excursionist
19 0 4

I want just to be written BAG and item number in bags thats it, now its bubble. broken

namphan
Shopify Partner
2695 349 397

Hi @junktiontbs,

Do you want to display like this?

1.png2.png

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com
junktiontbs
Excursionist
19 0 4

Yeah, can be like this or like in this reference

 

Screenshot 2024-11-21 at 14.28.46.pngScreenshot 2024-11-21 at 14.34.09.png

namphan
Shopify Partner
2695 349 397

Hi @junktiontbs,

Please follow these steps:

- Step 1: Go to header.liquid file, find 'header__icon--cart' and change code here:

Screenshot.png

Code: BAG

- Step 2: Go to cart-icon-bubble.liquid file and change code here:

Screenshot.png

- Step 3: Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.cart-count-bubble {
    position: relative !important;
    top: 0 !important;
    left: 0.5rem !important;
}

 

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com