Multiple links in debut theme announcement bar

Store Design
1

Hi there,

I would like to include multiple links in the announcement bar: https://p4sp7y45jnbzfqov-58788085959.shopifypreview.com/

I want the words between each | to link to a different URL. Please help!

Thanks!

1 Like
2

Hello, @julhobart

There is some coding needed to implement this functiionality.

3

Can you help with that?

4

can someone help me with this?

5

@julhobart

yes please user rich text schema code or share your header code so i will check and update

6

I tried to use html in the announcement bar text field but it didn’t work, it just displayed the HTML as I typed it in. How do I share the header code? Here’s a section from the header.liquid code that addresses the announcement bar. Please let me know if you’d like to see something else.

{% if section.settings.message %} {% if section.settings.home_page_only == false or request.page_type == 'index' %} .announcement-bar { background-color: {{ section.settings.color_bg }}; }

.announcement-bar__link:hover {
{% assign brightness = section.settings.color_bg | color_brightness %}

{% if brightness <= 192 %}
{% assign lightenAmount = 255 | minus: brightness | divided_by: 255 | times: 16 %}
background-color: {{ section.settings.color_bg | color_lighten: lightenAmount }};
{% else %}
{% assign darkenAmount = 255 | divided_by: brightness | times: 8 %}
background-color: {{ section.settings.color_bg | color_darken: darkenAmount }};
{% endif %}
}

.announcement-bar__message {
color: {{ section.settings.color_text }};
}

{% endif %}
{% endif %}

1 Like
7

@julhobart

thanks but schema code is missing

8

Hi! Sorry, I’m new to shopify. Where do I find the schema code? And is there a specific section you need to see?

1 Like
9

@julhobart

yes please share full section code