[How to] Add an Image/Testimonial Carousel in Unbounce Using A Box Widget

Rob, thank you so so much!! For your assistance and for your quick reply. I’ll start editing that B version now :slight_smile: will let you know if anything!
Thanks again, have a great week!

1 Like

This is good info. Thanks

Hey @Rob I’m having some issues getting those left and right buttons to work for me right now. It appears that every time one gets clicked it disappears and the other one reappears (so if I click the left button, the right one shows up!)

Would you have any suggestions?

carousel is at the bottom of the following page which is in progress:
http://unbouncepages.com/cb45fd25-18de-4dde-a246-878c1e9bb17e/

Thanks!

Hi Cassandra, I tried taking a look at your link, but it didn’t show up. Did you by chance change the URL?

I’ll keep an eye out :slight_smile:

-Jess

Hey Jess,

I realized it was unpublished! It should be good to go now! Thanks!

1 Like

Hey @Cassandra_Cassell,

The page seems to have a few variations and only 1 of them has the carousel but that’s not the issue :slight_smile:

  1. You have 2 instances of the script. You only need one. Keep the one in the screenshot below but fix the container ID that’s highlighted. Get rid of the other script above it.

  1. Both of them are placed in the <HEAD> section instead of the <BEFORE BODY END>.

Fix these 2 things and you should be good to go.

Best,
Hristian

2 Likes

That did it! Thank you so much for the speedy response!

1 Like

Hey @Rob The on-click function is good, but I need both, auto swap + on click. Any help pls?

Hey @Rob, Thank you for any quick help.

Hey @Rob I’m having some issues on my page too. Would you give it a quick look?

a) Every time I click the left or right button the images get overlapped

b) Can I put instead of a botton with left/right an image?

Would you have any suggestions?

[http://abuelocomodo.com/slider-13/]

Hi @Roberto_Bolanos,

You are also calling the script twice. Once to auto-rotate and once with the left/right navigation buttons.

Leave only one of the two.

Best,
Hristian

1 Like

Hi @Wrik_Sengupta unfortunately I haven’t created a version of this script that combines both the auto and click functionality. Sorry about that! I’m sure it’s possible to combine the two, but would require some Javascript knowledge. If you’re looking for something with more options in terms of controls you might have better luck embedding a third party carousel using the html widget.

thank you really much! works very nice :slight_smile:

1 Like

Hey @Rob, I can’t seem to get the carousel working on my page, and not sure where I’m going wrong. Would you mind taking a look? (Bottom of the page, under “WHAT CUSTOMERS
ARE SAYING”)

http://unbouncepages.com/student-testing/

Any help much appreciated! Thank you.

Cheers,

Alister

@Hristian thanks for the help, this is my last question on this topic

On this landing page the carousel dissapears when I installed the fading sticky bar script. How can i make both work together?

http://abuelocomodo.com/grua/

Thanks in advance :slight_smile:

Hi @Roberto_Bolanos,

Both scripts are making use of certain effects (fadeIn, fadeOut, etc.) which is causing the break.

I don’t have a fix since I haven’t looked into it much but should be possible to fix given some time to adjust the scripts.

Best,
Hristian

1 Like

Hi @Alister,

I would start by cleaning out the multiple jQuery libraries and only loading the required one for that script - 2.2.4

Best,
Hristian

1 Like

Thank you very much, I dont´want to offend you in any way, but can I hire you to fix this as a freelancer?

if not please let me know what I might do :slight_smile:

Hello,

I was wondering, if I have multiple auto carousels, do I need a separate javascript for each one? Or is it possible to have multiple items in one javascript?

Thanks!

Thanks so much @Hristian!