Context Hub For Carousel : AEM 6.3

Avatar

Avatar

smrithig4775845

Avatar

smrithig4775845

smrithig4775845

09-07-2018

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.

Replies

Avatar

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Reply

2.3K

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Reply

2.3K
smacdonald2008

09-07-2018

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/