CMS Development

DEsteva
Contributor

Carousel Module - Not Working on Landing Pages

SOLVE

Hello guys! How are you?

I need help with the next module:

Screenshot 2024-06-13 at 13.02.52.png

That shows the client's logos as a slow carousel with smart rules.  You can check it out on the next url: https://driv.in/

 

Any way, i can't make it work on Landing Pages,  where it works li ke this. You can check it out on the next url: https://contacto.driv.in/es/go-to-market-demo

Does anyone knows why this is happening only on the landing pages?

Screenshot 2024-06-13 at 13.04.26.png

Here is the design manager build: 

Screenshot 2024-06-13 at 13.06.52.png


Thanks! 

0 Upvotes
1 Accepted solution
Anton
Solution
Thought Leader | Partner
Thought Leader | Partner

Carousel Module - Not Working on Landing Pages

SOLVE

Hi @DEsteva

seems like you're missing the 

<div class="item">...</div>

class.

 

Try this code

<div class="owl-carousel">
    {% for single_image in module.image_group %}
        <img class="item" src="{{ single_image.src }}" alt="{{ single_image.alt }}" loading="lazy">
    {% endfor %}
</div>

 

Best, 

Anton

Anton Bujanowski Signature

View solution in original post

0 Upvotes
1 Reply 1
Anton
Solution
Thought Leader | Partner
Thought Leader | Partner

Carousel Module - Not Working on Landing Pages

SOLVE

Hi @DEsteva

seems like you're missing the 

<div class="item">...</div>

class.

 

Try this code

<div class="owl-carousel">
    {% for single_image in module.image_group %}
        <img class="item" src="{{ single_image.src }}" alt="{{ single_image.alt }}" loading="lazy">
    {% endfor %}
</div>

 

Best, 

Anton

Anton Bujanowski Signature
0 Upvotes