How To Add Moving Announcement Bar In Shopify (Scrolling Text)

Поділитися
Вставка
  • Опубліковано 12 вер 2024

КОМЕНТАРІ • 51

  • @ZiyandaTshazi
    @ZiyandaTshazi 19 днів тому

    Thanks it worked but i wanted it to have spaces so i created four different announcements,so its moving like a photo slide rather.
    It's more than perfect thank you ❤
    You gained a follower.

    • @OnHOWGuy
      @OnHOWGuy  5 днів тому

      You're very welcome and glad i could help.
      My pleasure

  • @MingoMoves
    @MingoMoves Місяць тому +1

    so helpful thanks :)

    • @OnHOWGuy
      @OnHOWGuy  Місяць тому +1

      You're very welcome

  • @Snoweee1
    @Snoweee1 Місяць тому

    Brother I had requested you for a video which is like how to add parallax scrolling in Shopify i hope you working on it appreciate your hardwork man ❤

    • @OnHOWGuy
      @OnHOWGuy  Місяць тому +2

      Yes and its noted, i had some difficulties with parallax scrolling due to conflicted codes but i will make it work.
      Keep in mind the videos you see are already made and scheduled.
      Cheers

    • @Snoweee1
      @Snoweee1 Місяць тому

      @@OnHOWGuy thank you man and your last video also was super helpful which was about anauncment bar good job brother ❤️

  • @beham1016
    @beham1016 Місяць тому

    Hi there Anas, as always you are the best! Can you please show us how to make the product image on the product page full width on the mobile version and maybe make the thumbnail carousels for the product pictures smaller? this can be a great video NGL!

    • @OnHOWGuy
      @OnHOWGuy  Місяць тому

      I replied to your previous comment.
      Cheers

  • @Realjones383
    @Realjones383 8 днів тому +1

    hey on desktop it works fine but on mobile the announcement bar buffers and doesn't move smoothly. i'm using dawn theme. can you please help me?

    • @Pokmung
      @Pokmung 2 години тому

      Same here, the FPS is too low it does not run smoothly

  • @CuriosityCorner675
    @CuriosityCorner675 23 дні тому

    hello, new subscriber, thanks for your tutorial however can you also show how to apply that to mobile view?

    • @OnHOWGuy
      @OnHOWGuy  23 дні тому +1

      Hey, welcome to the family and you're very welcome.
      This is for both mobile and desktop, it doesnt work for you on mobile ?if thats the case please let me know the theme/version you using.
      Please let me know in new comment as its difficult or me to see replies now.
      Cheers

  • @BmanJuancho
    @BmanJuancho Місяць тому

    Thank you for all the great videos. I was able to get the announcements to scroll, and the bar in gradient colors. The issue I am having is the bar is very small and the announcement is below the actual bar. Any ideas how I can fix it please. Thank you.

    • @OnHOWGuy
      @OnHOWGuy  Місяць тому

      You're very welcome and glad i could help.
      I would recommend you to check out my video on how to change announcement bar text color and size because i did add the code to adjust the size and the padding as well.
      Also what theme/version are you using ?
      Please let me know in new comment as its difficult or me to see replies now.
      Cheers

  • @AnoosyLtd
    @AnoosyLtd 22 дні тому

    Hi Anas
    I'm using Refresh Theme, and i can't resize the bar! can you help please.
    I'm saving a lot of money after watching your videos. Thank you so much

    • @OnHOWGuy
      @OnHOWGuy  21 день тому

      Hey, after i saw your comment i retested the code again on refresh and i was able to resize it and here is a picture : ibb.co/Wt8JQq8
      So not sure if you did something wrong or whats the case.
      You're very welcome and glad i could help.
      Cheers

  • @hasim9531
    @hasim9531 Місяць тому

    thanks for the video, but just a question how do you implement the scrolling bar whilst having multiple announcements

    • @OnHOWGuy
      @OnHOWGuy  Місяць тому

      You're very welcome, I guess you want to have two announcement one scrolling and one static ? If thats the case you might need to add a new announcement section file with different class name like announcement v2 so this code doesnt have an effect on it then add it same as you did with the first announcement bar.
      Cheers

  • @HizZonor
    @HizZonor Місяць тому

    Great video on how to add movement of text in the announcement bar. However, I have a further request:
    I want to add five spaces between separate message phrases in my announcement bar. I'm using the Spotlight 15.0.1 theme. When I type my message with the desired spaces, the spaces don't show up when published -- there's only one space between messages. Can you suggest a fix?

    • @OnHOWGuy
      @OnHOWGuy  Місяць тому

      Thank you, i appreciate that.
      I understand your issue and i think you might want to google "zero width joiner" and you can copy the space from those websites because that space is different and codes read it as a character.
      Cheers

  • @CripplingDipStories
    @CripplingDipStories 21 день тому

    Just a suggestion, try showing the footage of the out put first and then show the process how to get it. Hope it helps!

    • @OnHOWGuy
      @OnHOWGuy  20 днів тому

      Thank you for the tip, i was doing that in the early days but i give up on it but now i will start doing it again.
      Thanks again.

  • @louisalberu12
    @louisalberu12 Місяць тому

    good job friend

    • @OnHOWGuy
      @OnHOWGuy  Місяць тому

      Thank you very much, glad i could help.
      cheers

  • @ASTHamzakoo
    @ASTHamzakoo Місяць тому

    thank you

    • @OnHOWGuy
      @OnHOWGuy  Місяць тому +1

      You're welcome, glad i could help.
      Cheers

  • @devrim_can
    @devrim_can 22 дні тому

    you are the best

    • @OnHOWGuy
      @OnHOWGuy  21 день тому

      Thank you and glad i could help.
      Cheers

  • @Yu-Anime007
    @Yu-Anime007 Місяць тому

    Hey thanks for this video it means a lot, can you make a video how can i change shopify share button icon plzz 😅😅

    • @OnHOWGuy
      @OnHOWGuy  Місяць тому

      You're very welcome and glad i could help.
      Absolutely, i noted your request and i will work on it.
      cheers

  • @muskanrajouria3623
    @muskanrajouria3623 3 години тому

    It's not working

  • @CuriosityCorner675
    @CuriosityCorner675 22 дні тому

    It doesn't work on mobile in my case... I am using Empire Theme version 11.1.0

    • @OnHOWGuy
      @OnHOWGuy  21 день тому

      Hey, Unfortunately i dont try my codes on premium themes because i dont have access to their codes and i dont know how their theme structure works but for free themes i can go far and beyond.
      Keep in mind you are entitled to support if you bought the theme.
      Cheers

  • @TrendederBoss
    @TrendederBoss Місяць тому

    tried many codes but only your code worked

    • @OnHOWGuy
      @OnHOWGuy  Місяць тому

      Ofc mine the only one that would work haha, Really glad to hear that and happy to help.
      Cheers

  • @YU-ANIME77
    @YU-ANIME77 Місяць тому

    Bro Shopify showing me a outstanding charges of whole year subscription of Shopify , so this is my 2nd month of starting , so can pay it monthly ?

    • @OnHOWGuy
      @OnHOWGuy  Місяць тому

      Hey, Yeah ofc you can pay monthly, They show the pricing yearly by default but you switch to monthly.
      Cheers

  • @tinhluk
    @tinhluk Місяць тому

    I have lost all your codes and changes after updating a new version of the theme.

    • @OnHOWGuy
      @OnHOWGuy  Місяць тому +1

      Hey, Keep in mind that its not necessary to update the themes, updates are just design-wise security updates are done in the backend which you dont have access to, whenever they release a new update just check the changelog for that update to see if there is any feature that got your attention and you want it, otherwise im already showing you how to add things that they might include in 2025 autumn updates haha.
      The good news is you can publish the version that you edited again as your main theme and its going to be in the theme's library list and it will still have that update message, so just publish that version and you are good.
      Cheers

    • @tinhluk
      @tinhluk Місяць тому

      @@OnHOWGuy Thank you for your advice again. ☺️

  • @MariaSohail-g5y
    @MariaSohail-g5y Місяць тому

    heyy !! i added first code then my whole screen started moving

    • @OnHOWGuy
      @OnHOWGuy  Місяць тому

      You probably pasted the code in the wrong section thats why.

  • @HSPArts-yn4mb
    @HSPArts-yn4mb 17 днів тому +1

    your code is not working bro

  • @kamitalia707
    @kamitalia707 Місяць тому

    If your bar is not moving only change The number from 20 to 10 or 15

    • @OnHOWGuy
      @OnHOWGuy  Місяць тому

      Oh i thought i mentioned that in the video but thanks.
      Cheers

  • @neguinhogamerbryt
    @neguinhogamerbryt Місяць тому

    E-mail remarcketing bro please for checkout abandoned cart etc

    • @OnHOWGuy
      @OnHOWGuy  Місяць тому

      Got you but it will mostly be done through an app.
      Cheers

    • @neguinhogamerbryt
      @neguinhogamerbryt Місяць тому

      @@OnHOWGuy already created certain written emails but do not know how to assemble their automation Please if possible help or as soon as possible you already helped a lot with my store I used almost everything from the channel