Context Hub For Carousel : AEM 6.3

Avatar

Avatar
Give Back
Level 1
smrithig4775845
Level 1

Likes

0 likes

Total Posts

18 posts

Correct reply

0 solutions
Top badges earned
Give Back
Ignite 1
Validate 1
View profile

Avatar
Give Back
Level 1
smrithig4775845
Level 1

Likes

0 likes

Total Posts

18 posts

Correct reply

0 solutions
Top badges earned
Give Back
Ignite 1
Validate 1
View profile
smrithig4775845
Level 1

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
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,410 likes

Total Posts

12,671 posts

Correct reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,410 likes

Total Posts

12,671 posts

Correct reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile
smacdonald2008
Level 10

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/