Expand my Community achievements bar.

Context Hub For Carousel : AEM 6.3

Avatar

Level 2

Hi Team,

I have a requirement where we need to personalize the carousel in the home page, based on the location from where the website is accessed.

For this I have created required segments and activity and brand, and targeted to the carousel component. The issue I am facing here is that the /etc/cloudsettings/default/contexthub.kernel.js​ is loading after all the client libs in my project is loaded, so the carousel images are getting updated but not displayed in the form of slides, but one below the other.

Is there any event which can be captured by js and then reload the owl-carousel.js?

Could someone please suggest any fix for this?

I tried loading the owl-carousel.js after the contecthub.kernel.js, but still it is not working.

1 Reply

Avatar

Level 10

Why not look at other JS libs - like bootstrap for the actual Carousel. You may have more control over it and load the images based on segments.

https://getbootstrap.com/docs/4.0/components/carousel/