Changed login, search and shopping cart icons

[Aquelino]

Hello Shopify Team,

My name is Aquelino Tavares, from the Kudoi store! I intend to change the theme, I want to change from the “Debut” theme to “Brooklyn”.

I tried to make the same changes that I did on my first store “Debut” but without success.

The modifications that I want to make are at the level of the icons of connection, research and especially on the icon basket.

The reason I’m making this change is that most Brooklyn sites have the same icons.

I found the place for the changes theme, but I realize that the procedure is not the same as for the “Start” theme. Attached are screenshots.

Cordially,

Aquelino TAVARES.

[KetanKumar]

@Aquelino

yes add your svg or image icon there

[LitCommerce]

Hi @Aquelino ,

Please follow the steps below:

• Step 1: Upload icons at Assets. For example: icon customer: icon-customer.svg, icon search: icon-search.svg, icon cart: icon-cart.svg

• Step 2: Go to header.liquid file and change code here:

Code:

Hope it helps!

[Aquelino]

Hello @LitCommerce ,

Thank you very much for the quick response and for all the details in the explanation. I was able to complete all the steps without any problem, however I cannot change the color of the icons, when they are in the collection page, they remain white as for the home page.

Do you have a code for the Page collection part?

Please find screenshots attached, thank you…

Cordially,

Aquelino TAVARES

[LitCommerce]

Hi @Aquelino ,

Yes it is svg image not a font icon like the original theme so you cannot change the color according to this. If you want to display another icon for the sub

{%- if request.page_type == 'index' -%}

{%- else -%}

{%- endif -%}
              

{%- if request.page_type == 'index' -%}

{%- else -%}

{%- endif -%}

{%- if request.page_type == 'index' -%}                       

{%- else -%}

{%- endif -%}

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

page, you can upload another version of the icon and change the code as follows, it will display the image for the subpage.

Refer code:

[Aquelino]

Hello @LitCommerce ,
Thank you for sharing your know-how, I was able to make all the desired changes.

One more question, if I want to delete, for example, the search icon from the home page and collection page permanently, how should I proceed ?

You are too strong!

Thanks again.

Cordially,
Aquelino TAVARES.

[LitCommerce]

Hi @Aquelino ,

Please change code:

{%- if request.page_type != 'index' and request.page_type != 'collection' -%}
    
{%- endif -%}

It will help the search icon to remove from home page and collection page

[Aquelino]

Hello @LitCommerce ,

Indeed,the icon has disappeared but it is still functional, it is possible to delete it completely ?

Cordialment,

Aquelino TAVARES.

[LitCommerce]

Hi @Aquelino ,

Please send your site and if your site is password protected, please send me the password. I will check it.

[Aquelino]

The site is this:

Kudoi

[LitCommerce]

Hi @Aquelino ,

Please set the condition outside the ‘li’ tag, reference:

Hope it helps!

[Walz001]

Hi, can you please show me where to add this code on the theme

[LitCommerce]

Hi @Walz001 ,

You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.