Re: Announcement bar slider not working

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

Exp-Mick
Shopify Partner
8 0 1

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

 

Replies 11 (11)

Dan-From-Ryviu
Shopify Partner
10080 2005 2056

Hi @Exp-Mick 

Could you share your store link?

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Exp-Mick
Shopify Partner
8 0 1
Dan-From-Ryviu
Shopify Partner
10080 2005 2056

Please provide password protected of store

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Exp-Mick
Shopify Partner
8 0 1

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

Dan-From-Ryviu
Shopify Partner
10080 2005 2056

Hi @Exp-Mick 

Did you disabled your announcement bar?

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Exp-Mick
Shopify Partner
8 0 1

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
Shopify Partner
10080 2005 2056

I cannot see it anymore

Screenshot 2023-11-01 at 15.32.16.png

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Exp-Mick
Shopify Partner
8 0 1

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

Dan-From-Ryviu
Shopify Partner
10080 2005 2056

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.

Screenshot 2023-11-01 at 15.41.19.png

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Exp-Mick
Shopify Partner
8 0 1

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
Tourist
3 0 0

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