HTML function in the announcement bar

Solved
Shano96
Pathfinder
95 2 13

Hi all,

does anyone know how I add HTML function in the announcement bar?

The theme is Debut.

Best regards
Shano

0 Likes
Nick_Marketing
Shopify Partner
573 136 162

This is an accepted solution.

The code for the announcement bar, for the Debut theme, is located in header.liquid. Search for  "section.settings.message" and "announcement-bar" within the file.

A similar question was asked, please check their answers:
https://community.shopify.com/c/Shopify-Design/Announcement-bar-customization-in-Debut-theme/m-p/122...

- I am an eCommerce and Marketing Technology consultant based in Toronto, CANADA.
- To inquire about consulting work availability, please send me a Private Message.
- For Shopify Tutorials, Subscribe to my YouTube Channel.

This is an accepted solution.

Please follow the steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Sections > header.liquid and find "announcement-bar__message". You can add the HTML code directly here: https://i.imgur.com/22PwIJs.png
Hope it clear to you.

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
Shano96
Pathfinder
95 2 13

@LitExtension  @Nick_Marketing I made it. Thanks for the quick feedback. Do you know how to center the text so that it is exactly in the middle of the paypal icon. Do you understand what I mean?

 

Bildschirmfoto 2021-07-24 um 22.32.12.png

0 Likes

This is an accepted solution.

What's your site? And if your site is password protected, please send me the password. I will check it.

 

 

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
Shano96
Pathfinder
95 2 13

@LitExtension Thank you my friend for the help. I have already solved 

0 Likes