Layout Type Carousel is not working

  • Resolved anyakom66

    (@anyakom66)


    3 years, 5 months ago

    Hi,

    Few month ago, I updated the WP Carousel plugin to the latest version and carousel stopped to work. When reverted back, all go to normal.

    Today, I decided to update one more time hoping the issue is fixed, but it is still not working.

    I even created a new carousel.

    What I noticed, if I switch to Layout Type “Grid”, the images will show, but not when it set to carousel.

    The version was working: 2.4.1

    Here is screenshots of my settings (Version 2.5.3):

    Thank you,

    //Anya

    • This topic was modified 3 years, 5 months ago by anyakom66.

    The page I need help with: [log in to see the link]

Viewing 13 replies - 1 through 13 (of 13 total)
  • Thread Starter anyakom66

    (@anyakom66)

    3 years, 5 months ago

    Hi,

    I saw in 2.4.11 release notes that Carousel layout was impacted. What is the user’s impact ? I recreated the carousel from scratch and using a new generated short code ID. Anything else should I change ?

    2.4.11 – Sept 19, 2022

    • Improved: Migrated from Slick to Swiper for carousel layout.

    Thank you,

    //Anya

    Thread Starter anyakom66

    (@anyakom66)

    3 years, 5 months ago

    Hi,

    One move observation: when I use “Show Preview” from the dashboard, it shows all my 29 images as a single image with the arrows somewhere in the middle.

    Thank you,

    //Anya

    Plugin Support Pulak Ahmed

    (@pulak00)

    3 years, 5 months ago

    Hi @anyakom66,

    Yes, in order to enhance some features and the general efficiency of the plugin, we switched from slick.js to swiper.js. There appears to be a potential Swiper conflict on your website. Could you kindly provide the page link after adding a carousel to a page? Or try viewing the page source to see how many Swiper are there. You might also discover some errors in the browser console if the carousels aren’t operating correctly.

    Looking forward to hear from you.

    Have a nice day!

    Thread Starter anyakom66

    (@anyakom66)

    3 years, 5 months ago

    Hi Pulak,

    https://www.beaconsfieldart.com/ has carousel defined in the front page.

    I can see Swiper in the page source, but I don’t know what to look at there. I can see all the parameters are listed and all images as well (29 images in the carousel).

    Please let me know what else I can do.

    Thank you,

    //Anya

    Plugin Support Pulak Ahmed

    (@pulak00)

    3 years, 5 months ago

    Hi @anyakom66,

    Thanks for sharing the page link. We can see there is a console error in the browser indicating that the ‘swiper-bundle.min.js’ is missing. Kindly go go to the plugin’s settings and make sure the Swiper is enqueued. Check the screeshot.

    Additionally, if you are using any optimization plugin, we would suggest you to exclude the ‘swiper-bundle.min.js’ from being compressed, combined, and deffered.

    Let us know after checking.

    Have a nice day!

    Thread Starter anyakom66

    (@anyakom66)

    3 years, 5 months ago

    Hi Pulak,

    You are right, Swiper wasn’t enqueued. After I enqueued it, there is some progress: I can see the the carousel on the front page, but it is not moving and it is not responding on any clicks.

    There is one error in the js script when I looked at it with Web Dev tool.

    Thank you,

    //Anya

    Thread Starter anyakom66

    (@anyakom66)

    3 years, 5 months ago

    Hi Pulak,

    How this issue can be fixed ? Do you have any suggestions what else I can do ?

    Thank you,

    //Anya

    Plugin Support Pulak Ahmed

    (@pulak00)

    3 years, 5 months ago

    Hi @anyakom66,

    In order to get it fixed, you need to fix the other errors first. We can see another syntax error is visible in the console. First of all, you need to fix the error to avoind such issue. It seems some <br> tags were used in the script which might causes the error. Check the screenshots (https://prnt.sc/XzpWqYgMbNem, https://prnt.sc/S7x2o3mSHha0).

    Let us know after fixing the error.

    Have a nice day!

    Thread Starter anyakom66

    (@anyakom66)

    3 years, 5 months ago

    Hi Pulak,

    I fixed the <br> issue. The second error still there.

    Thank you for your help,

    //Anya

    Thread Starter anyakom66

    (@anyakom66)

    3 years, 4 months ago

    Hi Pulak,

    Do you have any news ? Did you find something why I have this error ?

    Thank you,

    //Anya

    Thread Starter anyakom66

    (@anyakom66)

    3 years, 4 months ago

    Hi,

    Please, can you help us with the issue or should we consider to change plugin.

    Thank you,

    //Anya

    Plugin Support Pulak Ahmed

    (@pulak00)

    3 years, 4 months ago

    Hi @anyakom66,

    Sorry for the delayed response.

    We suspects this is a Swiper issue and there is a conflict on your website that might causing the issue. We will try to fix the conflict of swiper in the next version of the plugin. It is quite difficult for us to provide you with a precise solution without first looking into the problem on your end. We would appreciate it if you could start a new topic here since the issue needs more research to resolve.

    Looking forward to hearing from you.

    Have a nice day!

    Thread Starter anyakom66

    (@anyakom66)

    3 years, 4 months ago

    Thank you Pulak,

    I created the ticket.

    //Anya

Viewing 13 replies - 1 through 13 (of 13 total)

The topic ‘Layout Type Carousel is not working’ is closed to new replies.