Hi @Miss-Biscotto
Its Artzen Technologies! We will be happy to help you today.
you can show 2 logos in the header, with 2 different links to both logos.
Just follow the below steps:-
- Go to your Online Store
- Edit Code
- Find header.liquid file
- Find header__heading class div
When you find that then replace it with:-
#
{%- if settings.logo != blank -%}
{%- assign logo_alt = settings.logo.alt | default: shop.name | escape -%}
{%- assign logo_height = settings.logo_width | divided_by: settings.logo.aspect_ratio -%}
{% capture sizes %}(max-width: {{ settings.logo_width | times: 2 }}px) 50vw, {{ settings.logo_width }}px{% endcapture %}
{% capture widths %}{{ settings.logo_width }}, {{ settings.logo_width | times: 1.5 | round }}, {{ settings.logo_width | times: 2 }}{% endcapture %}
{{ settings.logo | image_url: width: 600 | image_tag:
class: 'header__heading-logo motion-reduce',
widths: widths,
height: logo_height,
width: settings.logo_width,
alt: logo_alt,
sizes: sizes,
preload: true
}}
{%- else -%}
{{ shop.name }}
{%- endif -%}
and then go below to the schema and add following code:-
{
"type": "image_picker",
"id": "second-logo",
"label": "Second Logo Image"
},
{
"type": "url",
"id": "logo_url",
"label": "Second Logo Image Link"
},
when you add the above code then Go to Customize then in header
There you will find the option to add image and also the url.
After doing all these steps go to frontend and on the header you will see 2 logos like the below.
If my solution helped you, then please mark it as accepted.
Let me know if need further assistance
Regards,
Artzen Technologies