FROM CACHE - en_header

Changing cart & account icon Prestige

Solved
NZA
Shopify Partner
128 12 34

Good day everyone,

Can some one please help me change the icon for the card and account login please ?

I umploaded both images as pngs to my assets Cart: carto.png   Login: login.png

I can't seem to find where i need to change the source for them in header.liquid

I am using Prestige theme

Luxury Cartel.png

 

Website ulr: https://luxury-cartell.myshopify.com/

Password: stoyol

Thank you very much in advance!

Accepted Solutions (2)

Accepted Solutions
Amarjyoti
Excursionist
23 10 25

This is an accepted solution.

Hey @NZA,

Try this:

Step: 1
Navigate to Online Store > Click on Actions dropdown > Click on Edit Code > Open header.liquid under sections

Step: 2
Under header.liquid search for {%- render 'icon' with 'account' -%} and replace it with the below code 

<img src="{{ 'login.png' | asset_img_url }}" alt="Account Icon" />


Step: 3
Under header.liquid search for {%- render 'icon' with 'cart' -%} and {%- render 'icon' with 'cart-desktop' -%} and replace it with the below code 

<img src="{{ 'carto.png' | asset_img_url }}" alt="Cart Icon" />



Let me know if it works for you. 

Thanks!!

Amarjyoti | I'm here to help and share some insights. Not looking for work.
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution

View solution in original post

Amarjyoti
Excursionist
23 10 25

This is an accepted solution.

Hey @NZA,

I'm glad it worked. Let's try this. Please paste the below code into the last line of theme.css file and let me know if it works.
You can also try changing the 25px to more or less.

.Header__Icon img {
   max-width: 25px;
}

 
Thanks!!

Amarjyoti | I'm here to help and share some insights. Not looking for work.
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution

View solution in original post

Replies 4 (4)
Amarjyoti
Excursionist
23 10 25

This is an accepted solution.

Hey @NZA,

Try this:

Step: 1
Navigate to Online Store > Click on Actions dropdown > Click on Edit Code > Open header.liquid under sections

Step: 2
Under header.liquid search for {%- render 'icon' with 'account' -%} and replace it with the below code 

<img src="{{ 'login.png' | asset_img_url }}" alt="Account Icon" />


Step: 3
Under header.liquid search for {%- render 'icon' with 'cart' -%} and {%- render 'icon' with 'cart-desktop' -%} and replace it with the below code 

<img src="{{ 'carto.png' | asset_img_url }}" alt="Cart Icon" />



Let me know if it works for you. 

Thanks!!

Amarjyoti | I'm here to help and share some insights. Not looking for work.
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
NZA
Shopify Partner
128 12 34

@Amarjyoti Thank you very much the icon show up but they are way too big (Example Below)

Luxury Cartel (1).png

 

How can i made the size smaller ?

Thank you very much for your time!

Amarjyoti
Excursionist
23 10 25

This is an accepted solution.

Hey @NZA,

I'm glad it worked. Let's try this. Please paste the below code into the last line of theme.css file and let me know if it works.
You can also try changing the 25px to more or less.

.Header__Icon img {
   max-width: 25px;
}

 
Thanks!!

Amarjyoti | I'm here to help and share some insights. Not looking for work.
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
NZA
Shopify Partner
128 12 34

Thank you so much !