Change search and cart icons to text

Solved
Mims-Radford
Tourist
33 0 0

How can I change my search and cart icons to text. I would like it to read 'search' and 'cart' instead of the icons. Thanks in advance!

 

https://good-thingsstore.myshopify.com

password: hellogoodthingsstore2020

0 Likes
Pallavi
Shopify Expert
792 104 116

Hey Mims_Radford, 

 

The password you have given is not working. can you check once from your end? 

Also, which theme you are using for your store?

 

Share the details so that I can assist you.

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Mims-Radford
Tourist
33 0 0

Sorry password is hellogoodthings2020. Theme is debut

0 Likes
Pallavi
Shopify Expert
792 104 116

Hey Mims_Radford,

 

You can do the changes by following below steps:-

1) Online Store-> Themes -> header.liquid

2) Search for the {% include 'icon-cart' %} and  {% include 'icon-search' %}

3) Replace {% include 'icon-cart' %} with <span> Cart </span> 

4) Replace {% include 'icon-search' %} with <span> Search </span>

 

The above things will help you in converting the icons to text. 

Let me know if you need any further assistance.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes

This is an accepted solution.

Hello @Mims-Radford,

Go to
Online Store->Theme->Edit code->Assets->theme.scss.liquid
.site-header__icons-wrapper span.icon__fallback-text {
    position: relative!important;
}

If you want to remove icons then you can comment the code in header.liquid file or add below css

.site-header__icons-wrapper svg {
    display: none;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Mims-Radford
Tourist
33 0 0

Thank you - that has fixed the issue. However the 1 that displays when something is added to cart doesn't look right. Is it possible to add a "(1)" next to the cart when something has been added?


@oscprofessional wrote:

Hello @Mims-Radford,

Go to
Online Store->Theme->Edit code->Assets->theme.scss.liquid
.site-header__icons-wrapper span.icon__fallback-text {
    position: relative!important;
}

If you want to remove icons then you can comment the code in header.liquid file or add below css

.site-header__icons-wrapper svg {
    display: none;
}

 

0 Likes
Mims-Radford
Tourist
33 0 0

Screen Shot 2020-05-29 at 10.03.12 pm.png

 

I would like it to display this if possible!

0 Likes
caleb6
New Member
11 0 0

Bonjour, 

comment puis-je faire pour remplacer l'icône de mon panier par une icône que j'ai crée ? 

bien à vous 

0 Likes