Re: Customise Header

How can I modify Shopify code to customize my header?

bxaanca
Shopify Partner
11 0 0

Which parts of the shopify code should I change to make the header look how I want it to, and be able to change it in the settings? I really like the French Connection's website which was made using Shopify, and would like to use this as inspo:

bxaanca_1-1698753160515.png

 

 

Replies 8 (8)

Mike-Consentik
Shopify Partner
196 30 38

Hi @bxaanca 

This is Mike from Omega

Which theme are you using?

Normally, almost themes on Shopify, you can change the header in the header.liquid on Theme editor

If you find this helpful, please give it a like or mark it as a solution.
Consentik GDPR Cookie Banner: Effortlessly stay in compliance with EU GDPR and CCPA with Google Consent Mode V2. Free plan available and 24/7 Support
bxaanca
Shopify Partner
11 0 0
Okay, but if I want to add icons etc, is it only that part of the code I
need to change or is it any other part?
Mike-Consentik
Shopify Partner
196 30 38

It depends where you want to add icon or which icon you want to change.

Themes have different code structure, so there is no ONE solution for all themes

If you find this helpful, please give it a like or mark it as a solution.
Consentik GDPR Cookie Banner: Effortlessly stay in compliance with EU GDPR and CCPA with Google Consent Mode V2. Free plan available and 24/7 Support
bxaanca
Shopify Partner
11 0 0
Okay, currently using the default “Craft” theme
Mike-Consentik
Shopify Partner
196 30 38

So you can change on header.liquid

If you find this helpful, please give it a like or mark it as a solution.
Consentik GDPR Cookie Banner: Effortlessly stay in compliance with EU GDPR and CCPA with Google Consent Mode V2. Free plan available and 24/7 Support
bxaanca
Shopify Partner
11 0 0

Can I add the custom cart icon I want on header.liquid?

Mike-Consentik
Shopify Partner
196 30 38

yes, you can find code like  {% render "icon-cart" %} and  {% render "icon-cart-empty" %} and replace the code in these snippets

If you find this helpful, please give it a like or mark it as a solution.
Consentik GDPR Cookie Banner: Effortlessly stay in compliance with EU GDPR and CCPA with Google Consent Mode V2. Free plan available and 24/7 Support

Made4uo-Ribe
Shopify Partner
10101 2398 3032

Hi @bxaanca 

The design can be edit in customize theme, If you cant edit it youll need a codes to align or transfer the location of icons or text. But you  if like to add another icon designs, you will neeed a developer. 

Can I take a look on your Store? 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.