How can I create a moving announcement board on my Fashionopolism theme?

Hey there, I’m new to shopify and am not familiar with much website design and stuff. My theme is fashionopolism and there’s not much on the internet about it. My first question was what type of a theme is fashionopolism, is it fast and efficient enough for traffic ?

My main question is how can I make my announcement board moving or sliding as it is static by default. I’ve tried multiple ways of the internet but none of it works. Plus, suggest me a suitable way to make it work pls.

1 Like

@Eesha214

Welcome to the Shopify community!
Thanks for your good question.

Please share your store URL.
So that I will check and let you know the exact solution here.

@Eesha214 Can you please send me store url?

Hi @Eesha214 ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

www.novamart.co

pass : falisi

www.novamart.co

pass : falisi

www.novamart.co

pass : falisi

www.novamart.co

password : falisi

www.novamart.co

password : falisi

Hi @Eesha214 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Find “announcement-bar.liquid” file ->Search div “announcement__text” and add marque tag contain content inside this div.

Ex:


    

If you still can’t do it, can you share the code announcement-bar.liquid file, so I can help you.

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

can u do it for me

{%- liquid
assign enable_top_header = false
assign hd_locale_selector = false
assign hd_currency_selector = false
assign announcement = false
assign social_icons = false
assign text_only = true

if section.settings.show_currency_selector and shop.enabled_currencies.size > 1
assign hd_currency_selector = true
endif
if section.settings.show_locale_selector and shop.published_locales.size > 1
assign hd_locale_selector = true
endif
if hd_locale_selector or hd_currency_selector
assign selectors = true
endif
if section.settings.announcement_text != blank
assign announcement = true
endif
if settings.facebook_url == blank and settings.twittername == blank and settings.pinterest_url == blank and settings.tumblr_url == blank and settings.youtube_url == blank and settings.instagram_id == blank
assign socials_exist = false
else
assign socials_exist = true
endif
if section.settings.show_social_icons and socials_exist
assign social_icons = true
endif
if social_icons or announcement or selectors
assign enable_top_header = true
endif
if selectors or social_icons
assign text_only = false
endif
-%}
{% if enable_top_header %}

{% if section.settings.full_width_header %}
{% endif %}
{% if section.settings.show_social_icons %}
    {% render 'social-icons' %}
{% endif %} {% if announcement %}
{{ section.settings.announcement_text }}
{% endif %} {% if hd_locale_selector or hd_currency_selector %}
    {%- if hd_locale_selector -%}
  • {%- form 'localization', class: 'selectors-form', data-disclosure-form: '' -%}

    {{ 'general.language.dropdown_label' | t }}

    {{ form.current_locale.iso_code }}
    {%- endform -%}
  • {%- endif -%} {%- if hd_currency_selector -%}
  • {%- form 'localization', class: 'selectors-form', data-disclosure-form: '' -%}

    {{ 'general.currency.dropdown_label' | t }}

    {{ form.current_currency.iso_code }} {%- if form.current_currency.symbol -%}{{ form.current_currency.symbol }}{%- endif -%}
    {%- endform -%}
  • {%- endif -%}
{% endif %}
{% if section.settings.full_width_header %}
{% endif %}
{% endif %} {% schema %} { "name": "Announcement Bar", "settings": [ { "type": "checkbox", "id": "full_width_header", "label": "Enable full width" }, { "type": "richtext", "id": "announcement_text", "label": "Announcement text", "default": "

Share a shop announcement or message

" }, { "type": "checkbox", "id": "show_social_icons", "label": "Show social icons", "default": true }, { "type": "header", "content": "Language Selector", "info": "To add a language, go to your [language settings.](/admin/settings/languages)" }, { "type": "checkbox", "id": "show_locale_selector", "label": "Show language selector", "default": false }, { "type": "header", "content": "Currency Selector", "info": "To add a currency, go to your [payment settings.](/admin/settings/payments)" }, { "type": "checkbox", "id": "show_currency_selector", "label": "Show currency selector", "default": false } ], "blocks": [ ] } {% endschema %}

sorry i’m not familiar with coding and stuff

Hi @Eesha214 ,

You can replace below code:

{%- liquid
assign enable_top_header = false
assign hd_locale_selector = false
assign hd_currency_selector = false
assign announcement = false
assign social_icons = false
assign text_only = true

if section.settings.show_currency_selector and shop.enabled_currencies.size > 1
assign hd_currency_selector = true
endif
if section.settings.show_locale_selector and shop.published_locales.size > 1
assign hd_locale_selector = true
endif
if hd_locale_selector or hd_currency_selector
assign selectors = true
endif
if section.settings.announcement_text != blank
assign announcement = true
endif
if settings.facebook_url == blank and settings.twittername == blank and settings.pinterest_url == blank and settings.tumblr_url == blank and settings.youtube_url == blank and settings.instagram_id == blank
assign socials_exist = false
else
assign socials_exist = true
endif
if section.settings.show_social_icons and socials_exist
assign social_icons = true
endif
if social_icons or announcement or selectors
assign enable_top_header = true
endif
if selectors or social_icons
assign text_only = false
endif
-%}
{% if enable_top_header %}

{% if section.settings.full_width_header %}
{% endif %}

{% if section.settings.show_social_icons %}

{% render 'social-icons' %}

{% endif %}
{% if announcement %}

{% endif %}
{% if hd_locale_selector or hd_currency_selector %}

{%- if hd_locale_selector -%}
- {%- form 'localization', class: 'selectors-form', data-disclosure-form: '' -%}

  ## 
  {{ 'general.language.dropdown_label' | t }}

  {% for locale in form.available_locales %}
  - {{ locale.endonym_name }}

  {%- endfor -%}

  {%- endform -%}

{%- endif -%}
{%- if hd_currency_selector -%}
- {%- form 'localization', class: 'selectors-form', data-disclosure-form: '' -%}

  ## 
  {{ 'general.currency.dropdown_label' | t }}

  {% for currency in form.available_currencies %}
  - {{ currency.iso_code }} {%- if currency.symbol -%}{{ currency.symbol }}{%- endif -%}

  {%- endfor -%}

  {%- endform -%}

{%- endif -%}

{% endif %}

{% if section.settings.full_width_header %}
{% endif %}

{% endif %}
{% schema %}
{
"name": "Announcement Bar",
"settings": [
{
"type": "checkbox",
"id": "full_width_header",
"label": "Enable full width"
},
{
"type": "richtext",
"id": "announcement_text",
"label": "Announcement text",
"default": "

Share a shop announcement or message

"
},
{
"type": "checkbox",
"id": "show_social_icons",
"label": "Show social icons",
"default": true
},
{
"type": "header",
"content": "Language Selector",
"info": "To add a language, go to your [language settings.](/admin/settings/languages)"
},
{
"type": "checkbox",
"id": "show_locale_selector",
"label": "Show language selector",
"default": false
},
{
"type": "header",
"content": "Currency Selector",
"info": "To add a currency, go to your [payment settings.](/admin/settings/payments)"
},
{
"type": "checkbox",
"id": "show_currency_selector",
"label": "Show currency selector",
"default": false
}
],
"blocks": [
]
}
{% endschema %}

Hope it can help you

works like a charm, thank u so muchhhh

1 Like