Carousel stopped working WB18

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
Al_Sin
 
 
Posts: 22
Joined: Wed Jan 23, 2019 1:40 am

Carousel stopped working WB18

Post by Al_Sin »

Hi,
I have a problem with carousel navigation in WB 18.
The page was created in previous versions, but when I just updated using some text on the page, carousel stopped working:
1. NEXT and PREVIOUS buttons with Slide Show event do not work.
2. Side navigation icons do not work. Only dot indicators are working.
3. Script $('#Carousel1').carousel('next'); does not work. Even if I create a new page and a new carousel in WB18 this script is not working.

My questions are:
1. Is it possible to fix carousel on my pages without re-build it from the scratch?
2. Is it possible to navigate carousel (default type) in WB18 with JS ?
My project address:
https: //www.travelcanadatninsurance.ca/Pablo/carousel.wbs
Page published:
https://www.travelcanadatninsurance.ca/ ... t-work.htm
Thank you, Alexandre
User avatar
Pablo
 
Posts: 23331
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Carousel stopped working WB18

Post by Pablo »

The problem is not directly related to the carousel, but more about the combination of Bootstrap and jQuery UI on the same page.
This will cause a conflict because Bootstrap 5 (included with WWB18) no longer uses jQuery.

The quickest way to solve this is by setting all dialogs on the page to 'jQuery UI' instead of 'Bootstrap'
Al_Sin
 
 
Posts: 22
Joined: Wed Jan 23, 2019 1:40 am

Re: Carousel stopped working WB18

Post by Al_Sin »

Thank you!
This is really work.
Just one more question.
If I create a new carousel in WB18 with Bootstrap… Could I use Java Script to navigate between the panels?
Should I use in script your code example:
bootstrap.Carousel.getInstance('#Carousel1').to(1);
User avatar
Pablo
 
Posts: 23331
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Carousel stopped working WB18

Post by Pablo »

The code depends on which mode you have selected. It you have used 'flexible' then this is correct.

Note that you can also use events: slideshow next/previous. In that case, the correct code will be used automatically.
Al_Sin
 
 
Posts: 22
Joined: Wed Jan 23, 2019 1:40 am

Re: Carousel stopped working WB18

Post by Al_Sin »

Thank you,
Everything resolved for now.
Alexandre
Post Reply