Renaming Cart Icon

technase · ‎07-05-2024

Hi,
Can anyone please help me with removing the cart icon from my store and replacing it with the text "Tote."

I am using a theme called Impulse
Store address: https://www.islaboutique.com.au/
storefront password: ablosa

technase

GTLOfficial · ‎07-05-2024

Hello @technase
Go to online store ---------> themes --------------> actions ------> edit code------->theme.liquid
and add this code after head.

<style>
span.cart-link:after {
content: 'Tote';
}
span.cart-link .cart-link__bubble--visible,
span.cart-link svg {
display: none !important;
}
</style>

and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

View solution in original post

Dan-From-Ryviu · ‎07-05-2024

Please update the code

<style>
span.cart-link:after {
content: 'Tote';
}
span.cart-link svg {
display: none !important;
}
</style>

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

Dan-From-Ryviu · ‎07-05-2024

Hi @technase

You can do that by adding this code to theme.liquid file, after <head> in Online Store > Themes > Edit code

<style>
span.cart-link:after {
content: 'Tote';
}
span.cart-link .cart-link__bubble--visible,
span.cart-link svg {
display: none !important;
}
</style>

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

technase · ‎07-05-2024

Thank you Dan,
works perfectly but the cart/tote bubble is gone now.. how do I display that black dot when anything is added to the cart/tote

technase

Dan-From-Ryviu · ‎07-05-2024

Please update the code

<style>
span.cart-link:after {
content: 'Tote';
}
span.cart-link svg {
display: none !important;
}
</style>

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

technase · ‎07-05-2024

thank you very much.. how do I increase the text size of the word "Tote" ?

technase

oscprofessional · ‎07-05-2024

hell @technase
Go to online store > edit theme code > theme.liquid > put in the below code in theme.liquid file before closing </body>

<style>
body span.cart-link:before {
    content: 'Tote';
    text-transform: capitalize;
}
body svg.icon.icon-bag-minimal {
    display: none;
}
</style>

GTLOfficial · ‎07-05-2024

Hello @technase
Go to online store ---------> themes --------------> actions ------> edit code------->theme.liquid
and add this code after head.

<style>
span.cart-link:after {
content: 'Tote';
}
span.cart-link .cart-link__bubble--visible,
span.cart-link svg {
display: none !important;
}
</style>

and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

Renaming Cart Icon

Renaming Cart Icon

Community Blog Articles