How can I have a different logo on the homepage and the other pages?

This guide is written based on version 1.1.0 and earlier.

In this guide, you will learn how to add a different image uploader for the rest pages except homepages which already has an image uploader. 

Do the following steps:

1. Go to Online store->Themes->Modular

2. Click "Actions"->"Edit code"

3. Search for the "Sections" folder

4. Open the "header.liquid" file

5. On line 278 add the following block of code

{ "type": "image_picker", "id": "logo_other", "label": "Custom logo (all other pages)", "info": "440px width recommended" },

Before

After

6. Replace the code of lines 29-37 

 {% if section.settings.logo %}
   <a tabindex="-1" href="/" class="visible-nav-link nav-item main-logo">
   <img src="{{ section.settings.logo | img_url: 'original' }}" title="{{ shop.name }}" class="logo">
   </a>
  {% else %}
    <h1 class="nav-item main-logo main-logo__text" itemscope="" itemtype="http://schema.org/Organization">
     <a id="shopName" href="/" itemprop="url">{{ shop.name | escape }}</a>
     </h1>      
  {% endif %}

with the following block of code

{%if template == 'index' %}
{% if section.settings.logo %}
     <a tabindex= "-1" href="/" class="visible-nav-link nav-item main-logo">
     <img  src="{{ section.settings.logo | img_url: 'original' }}" title="{{ shop.name }}" class="logo"/>
     </a>
{% else %}
{% if section.settings.show_site_name %}
      <h1 class="nav-item main-logo main-logo__text" itemscope itemtype="http://schema.org/Organization">
      <a id="shopName" href="/" itemprop="url">{{ shop.name | escape }}</a>
      </h1>
{% endif %}
{% endif %}
{% else %}
{% if section.settings.logo_other %}
       <a tabindex= "-1" href="/" class="visible-nav-link nav-item main-logo">
       <img  src="{{ section.settings.logo_other | img_url: 'original' }}" title="{{ shop.name }}" class="logo"/>
        </a>
{% else %}
{% if section.settings.show_site_name %}
        <h1 class="nav-item main-logo main-logo__text" itemscope itemtype="http://schema.org/Organization">
        <a id="shopName" href="/" itemprop="url">{{ shop.name | escape }}</a>
        </h1>
{% endif %}
{% endif %}
{% endif %}

Before

After

7. Click "Save"

8. You can now upload a different logo image for the rest pages via the "Custom logo (all other pages)"  setting in the theme's editor (Sections->Header)