How do I change the logo in my website's header?

Technical Q&A
1

Hello, I would like to change the logo on my header here: https://igxn7f3e71rcpc2s-24792738.shopifypreview.com. In CSS it is header 2 and I have found the following code in my header.liquid file:


![TARTAR-webheader_2f64f81d-e65a-4f1e-99ab-6766355f38de.jpg?17689223928869986124|1889x954](upload://eaPjj5N4EXa15Elv2qd7INcGnTa.jpeg)

which is currently making the logo show like this:

Screen Shot 2021-02-16 at 3.55.48 PM.png
Screen Shot 2021-02-16 at 3.55.48 PM.png2782×1568 257 KB

However on this page (https://igxn7f3e71rcpc2s-24792738.shopifypreview.com), I want to display a different image. How can I go around this? Thanks so much for your help!!!

2

@Elisaw you can upload the new logo in the files and copy its cdn link from there and replace the below src value with it in the header.liquid code you shared and save.

https://cdn.shopify.com/s/files/1/2479/2738/files/TARTAR-webheader_2f64f81d-e65a-4f1e-99ab-6766355f38de.jpg?17689223928869986124

3

@Nitin_Kujur Thank you for your suggestion! That would change the image in all pages though. I want only one page to have a different Header Image, the rest should stay the same. Do you have any other tips? Thanks again!

4

@Elisaw do you need different image for home-page?

5

@Nitin_Kujur No, I need it on one of the pages in the Menu called “Tartar Care”

6

@Elisaw just replace the header.liquid code you shared with below code, where new_cdn_link (at line no. 2) will be replaced by the cdn link of new logo image uploaded to files.

{% if template contains "collection" and collection.handle == "tartar-care" %}
{% assign logo_src="new_cdn_link" %}
{% else %}
{% assign logo_src="https://cdn.shopify.com/s/files/1/2479/2738/files/TARTAR-webheader_2f64f81d-e65a-4f1e-99ab-6766355f38de.jpg?17689223928869986124" %}
{% endif %}
7

@Nitin_Kujur Great, works perfectly! Thank you so much :slightly_smiling_face:

1 Like
8

@Nitin_Kujur sorry to bother you again. Is there a way to make the image on this page not a link? Here again the Theme preview: https://bwu20dkj9rd8mfd8-24792738.shopifypreview.com

9

@Elisaw you mean you don’t want link for header image on home page.. right? If so then just replace the header.liquid code with the below code

{% if template contains "collection" and collection.handle == "tartar-care" %}
{% assign logo_src="https://cdn.shopify.com/s/files/1/2479/2738/files/TARTAR-Care-Logo-Web-transparent.png?v=1614004087" %}
{% else %}
{% assign logo_src="https://cdn.shopify.com/s/files/1/2479/2738/files/TARTAR-webheader_2f64f81d-e65a-4f1e-99ab-6766355f38de.jpg?17689223928869986124" %}
{% endif %}
10

@Nitin_Kujur amazing, thank you!

11

@Nitin_Kujur I am hoping you can help me again with this one :slightly_smiling_face: I need logo that appears on the Tartar Care collection page to also appear on the product pages under this collection. For example here:

https://tartar-berlin.com/collections/tartar-care/products/lederbalsam

How would I adjust the if statement above to cater for this?

Thank you so much in advance!

12

@Nitin_Kujur I am still looking for here for this one which follows up on the code from this post: https://community.shopify.com/c/Technical-Q-A/Different-header-in-product-pages/m-p/1117810

Please let me know if you can help me again! Thank you!