How can I switch login image to text and change shopper bag icon on Dawn theme?

How can I switch login image to text and change shopper bag icon on Dawn theme?

Alessioroma
Tourist
14 0 1

hi guys, is there a way to change from the login image to a simple writing in "Login" and also the shopper bag to be changed to "Cart (0), which then remains stable also in the other pages of the shop?

(theme DAWN)

Replies 5 (5)

GemPages
Shopify Partner
5625 1262 1279

Hello @Alessioroma ,

 

It's GemPages support team and glad to support you today.

 

I would like to give you a recommendation to support you so kindly follow steps below:

 

1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1679805857700.png


2. Open your header.liquid theme file


3. Find header__icon--account and change the icon-account code to "Login" text

GemPages_1-1679805945691.png

 

GemPages_2-1679806028085.png

 

4. Find header__icon--cart and change the icon-cart code to Cart ({{ cart.item_count }})

GemPages_3-1679806181398.png

 

GemPages_4-1679806230788.png

 

Let us know how it works for you.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
Alessioroma
Tourist
14 0 1

hi,it worked but I have not aligned the writings are one higher up the other with the 0 lower down, I'll insert the link of the shop,in addition, when I add an item to the cart, the shipping bag appears,thanks

my adress is garmentism.com

Alessioroma
Tourist
14 0 1

I was able to solve the alignment by changing the font, the only remaining problem is that when I add an item to the cart, the shopper bag icon reappears the drawing

GemPages
Shopify Partner
5625 1262 1279

Hi @Alessioroma ,

 

I saw your issue. It needs to change more code than I think, so I suggest you should back up the theme file before editing:

GemPages_0-1679887248921.png

 

After duplicating your theme, you can change the Current theme like that:

 

1. Open header.liquid theme file > find header__icon--cart > remove this code

GemPages_1-1679887395768.png

 

2. Open cart-icon-bubble.liquid theme file > remove this code

GemPages_2-1679887540758.png

 

3. Open icon-cart.liquid and icon-cart-empty.liquid theme files > remove all code > replace by this code

Cart ({{ cart.item_count }})

GemPages_3-1679887671384.png

 

Let us know how it works for you.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
Jhunt_Topo
Tourist
5 1 0

I made it work on my site, but the only issue now is that even when they are "logged-in" it still states "login" how do I change that to either read, "logged-in" or "{name}"?