Renaming Cart Icon

Solved

Renaming Cart Icon

technase
Shopify Partner
122 1 25

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

 

screencapture-islaboutique-au-2024-07-05-12_59_33.png

 

 

 

technase
Accepted Solutions (2)

GTLOfficial
Shopify Partner
273 51 52

This is an accepted solution.

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
5.png


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
Shopify Partner
8532 1682 1692

This is an accepted solution.

Please update the code 

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

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 7 (7)

Dan-From-Ryviu
Shopify Partner
8532 1682 1692

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>

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

technase
Shopify Partner
122 1 25

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
Shopify Partner
8532 1682 1692

This is an accepted solution.

Please update the code 

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

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

technase
Shopify Partner
122 1 25

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

technase

oscprofessional
Shopify Partner
15961 2387 3095

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>
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

GTLOfficial
Shopify Partner
273 51 52

This is an accepted solution.

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
5.png


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

illashiza
Visitor
3 0 0

Hi
technase
"Sure! In your Impulse theme settings, navigate to the header section, locate the cart icon code, and replace it with 'Tote' to customize it."