BROOKLYN THEME - Insert Image (Logo) In Announcement Bar

Solved
HoffmanHouse
Tourist
5 0 1

Hi 

I was wondering if it would be possible to insert a small image (Logo) in the Announcement bar of my shop done  the Brooklyn Theme? 

Many thanks in Advance

Allan

Accepted Solution (1)

Accepted Solutions
Jasoliya
Shopify Expert
4519 586 1131

This is an accepted solution.

Hi,

Please follow this step:

1. Go to online store->theme->edit code

2.Section->header.liquid->find and replace bellow announcement-bar__message line.

<p class="announcement-bar__message">{{ section.settings.text | escape }}<img src="//cdn.shopify.com/s/files/1/0051/7321/5318/t/2/assets/usa-flag_x20.jpg?4717" style="vertical-align: middle;margin-left: 10px;"></p>

Let me know if you can't.

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here

View solution in original post

Replies 15 (15)
Jasoliya
Shopify Expert
4519 586 1131

This is an accepted solution.

Hi,

Please follow this step:

1. Go to online store->theme->edit code

2.Section->header.liquid->find and replace bellow announcement-bar__message line.

<p class="announcement-bar__message">{{ section.settings.text | escape }}<img src="//cdn.shopify.com/s/files/1/0051/7321/5318/t/2/assets/usa-flag_x20.jpg?4717" style="vertical-align: middle;margin-left: 10px;"></p>

Let me know if you can't.

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
HoffmanHouse
Tourist
5 0 1

 Hi Jasoliya,

Thank you so much it work 100% - Perfect many thanks for the quick response 

Kind regards Allan

Infinitylux
New Member
1 0 0
So, to be clear this:
<p class="announcement-bar__message">{{ section.

Goes under the announcement bar line?
HoffmanHouse
Tourist
5 0 1
Hi yes I just pasted it in there and then of course loaded my own image
Bnb
Excursionist
19 0 0

Hi Jasoliya, would that work on Minimal theme? Thank you 

Jasoliya
Shopify Expert
4519 586 1131

Yes, find code in section->header.liquid and add image code

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
SidJ
New Member
3 0 0

Hi Jasoliya, need your help.

I did the above and the logo came on announcement bar, but the announcement bar got broader .

How Can the logo resize itself to the announcement bar auto width. And how can I get it to the left of announcement bar. 

Your support would be highly appreciated.

marshaesmith
Excursionist
16 0 2

Hey There! Can you also assist with doing this for the Debut Theme? I'd like to add 2 logos to the site's announcement bar and make them clickable!

Jasoliya
Shopify Expert
4519 586 1131

For that need to do custom code its not easy by step. if you want pm me will do

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
marshaesmith
Excursionist
16 0 2

Just sent PM.

 

Thank You

holly14
New Member
1 0 0

Do I need to add the code in for the image somewhere for it to work?

Jasoliya
Shopify Expert
4519 586 1131

My given code is work for BROOKLYN  theme. for you theme need separate code. which theme you have ?

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
NattyIce311
Excursionist
32 0 4

Is there a way to make this logo clickable so that it links back to the homepage? I am using the minimal theme. Thank you!

 

Jasoliya
Shopify Expert
4519 586 1131

Yes its possible but for that you have to do code in section->header.liquid file ..find logo and add

<a href="/"> existing code </a>

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
tlaniece
Tourist
7 0 4

Hello, do you mind assisting with the same in the Streamline theme. I can not seem to find the announcement bar __message. We want to add 2-3 brand logos into the announcement bar. Thank you in advance.