Can I add a second logo to my website header?

Store Design

Topic summary

A user wants to add a second logo to their website header and is asking whether they can simply duplicate existing code from their header.liquid file.

Current approach being considered:

  • Duplicating the existing logo code snippet that includes image source references and shop name escape functions

Follow-up question:

  • The user asks how to update class names and settings references to match the second logo

Status:

  • The discussion remains open with no responses yet
  • No solution or guidance has been provided on best practices for implementing dual logos or modifying the Liquid template code appropriately
Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

I would like to made my website with 2 different logo at the header part. Can I just duplicate the below coding to make the second logo? Or anyone advise how can I do it?

Here is the coding part from header.liquid:

  • {% if section.settings.logo_mobile != nil %} {{ shop.name | escape }} {% elsif section.settings.logo != nil %} {{ shop.name | escape }} {% else %} {{ shop.name }} {% endif %}

    • Thank you

    2

    May I know how to update the class and setting references to match the names of second logo?