Change Navbar Titles to Logos - Impulse Theme

Excursionist
28 0 2

Good afternoon,

 

I'm trying to change my 9 header navbar titles to their corresponding logos. I normally would advise against this, but for this specific scenario, it works visually.

 

Any help on this would be greatly appreciated! 

 

Cheers,

 

Jeff 

 

 

0 Likes
Astronaut
1082 147 272

You could test inside your loop for your link list handles, if they are the handle name, assign a logo path to a variable and use it in the loop:

 

{% for link in linklists.your-link-list.links %}
  {% if link.handle == "adidas" %}
    {% assign image_src="/path-to-your-adidas-logo.jpg" %}
  {% elsif link.handle == "nike" %}
    {% assign image_src="/path-to-your-nike-logo.jpg" %}
  {% else %}
    {% assign image_src=blank %}
  {% endif %}
  {% if image_src != blank %}
<a href="{{ link.url }}"><img src="{{ image_src }}"></a>
  {% endif %}
{% endfor %}
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
Excursionist
28 0 2

Ninthony,

 

Thanks for your response! 

 

Can you advise where I would place this? 

0 Likes
Astronaut
1082 147 272

Haha no sir, everyone's theme is different, no way of me knowing exactly where. What theme are you using? Also, just to note, I'm adding another condition in the code above I forgot to add.

If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
Excursionist
28 0 2

Ninthony,

 

I'm using the Impulse theme. 

 

Thanks for your help. 

0 Likes
Astronaut
1082 147 272

Impulse is a paid theme so I can't access it. Also, the above code is just a reference of how you might accomplish something like that - it's not just copy and paste. The code you're going to run into is going to be much more complicated almost guaranteed. You would have to know what you're doing and tailor your approach accordingly. 

If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes