Hello — i’m looking for code to display a different logo on the site’s homepage only. Origin Theme — Attempt #2
Topic summary
A user wants to display a different logo exclusively on their store’s homepage.
A solution is provided using conditional Liquid code that checks if the current page is the homepage (template.name == "index") and displays an alternate logo accordingly, with the default logo shown on all other pages.
The implementation requires:
- Locating the logo-handling code in the header file
- Inserting the conditional code snippet where the logo is displayed
- Each logo references the theme settings or uploaded assets
The original poster appears unfamiliar with coding and requests clarification on:
- Where exactly to place the code
- Whether the logo URLs should be Shopify-generated from uploaded files
The helper offers direct assistance via message for those not comfortable with code implementation. The conversation remains unresolved as the user seeks additional guidance on the technical details.
Hi,
To do that, you need to add this code to place showing logo for check:
{% if template.name == "index" %}
//show different logo
{% else %}
//show logo default
{% endif %}
Where do I place this coding? Is this the exact coding or do I need to alter it?
Is this the exact coding or do I need to alter it?
Yes, that code exactly, you don’t need change the condition, you just add the code script of logo into condition for each case you want check.
Where do I place this coding?
You need find to the place is handling logo code, it can at header file.
In case you are not familiar with code, you can ask to developer help you.
Okay, and the code script for each logo should be the url generated by Shopify once uploaded, correct?
I’m not understand your means, but the logo will get from theme setting part and you need get from that.
If you don’t familiar with code, i can help if you want.
I’m not understanding what you mean. Please send me a message.