Why isn't my announcement bar slider functioning with multiple items?

[Exp-Mick]

When adding 2 or more items to the announcement bar it doesn't work (anymore). I get the following console error:

global.js?v=113367515774722599301698655681:932 Uncaught TypeError: Cannot read properties of undefined (reading 'classList') at SlideshowComponent.applyAnimationToAnnouncementBar (global.js?v=113367515774722599301698655681:932:18) at SlideshowComponent.onButtonClick (global.js?v=113367515774722599301698655681:783:12).

I've logged some values, but get the following:

console.log(currentSlide);
Output: undefined

console.log(this.sliderItems);
Output: NodeList(2) [div#Slide-sections--21423793209631__announcement-bar-1.slideshow__slide.slider__slide.grid__item.gr…, div#Slide-sections--21423793209631__announcement-bar-2.slideshow__slide.slider__slide.grid__item.gr…]

console.log(this.sliderItems[currentIndex]);
Output: undefined

[Dan-From-Ryviu]

Hi @Exp-Mick 

Could you share your store link?

[Exp-Mick]

Store link is https://test-marcels-green-soap.myshopify.com/

[Dan-From-Ryviu]

Please provide password protected of store

[Exp-Mick]

Does anyone has an idea? I'm using the Dawn theme.

[Dan-From-Ryviu]

Hi @Exp-Mick 

Did you disabled your announcement bar?

[Exp-Mick]

No, what do you mean?

There is a announcement bar in the top of the website. It has two different texts (which you can see here: https://test-marcels-green-soap.myshopify.com/).

The slider in the announcement bar is not working.

[Dan-From-Ryviu]

I cannot see it anymore

[Exp-Mick]

That's right.. I see it was hidden. It's visible again now!

[Dan-From-Ryviu]

Announcement slider conflict with something in your theme so it's cause this issue. Have you installed any new app or script recently? 

If you don't know how then I recommend you contact developer of this theme so they can check and fix the issue for your store.

[Exp-Mick]

Yes, so I'm the theme developer 😉

I've used the Dawn theme. I did nothing special yet. I've added some styling and Javascript.

But after deleting the styling and javascript it's still not working. So thats strange.

[feruk]

Hey, I got the same issue rn as you do. Did you manage to figure out a solution for that?