Slick Carousel Not Displaying Properly (Usage #3)

Created on 6 July 2024, 4 months ago
Updated 15 September 2024, 2 months ago

Despite following the necessary steps, the carousel is not displaying as expected. Specifically, it is a media field with multiple images, but all images are appearing simultaneously rather than as a carousel.

Here are the steps I followed:

Under Pager, I chose "Display a specified number of items" with 1 item.
Under Format, I selected "Unformatted list" instead of "Slick carousel".
I added a multi-value Media field with multiple images.
I clicked the field under Fields and first selected Rendered entity, then chose Slick carousel in the next drop-down.
I adjusted the settings accordingly.
I made sure to display "all" or any number greater than 1 under Multiple Field settings.
I checked Use field template under Style settings to ensure visibility.

Despite these steps, the Slick carousel does not function correctly, as all images are appearing at once. I am concerned that there may be an incompatibility with the latest updates to Drupal 10 or the Slick module causing this issue. Could you please help me figure out what might be going wrong? Any insights or suggestions would be greatly appreciated.

💬 Support request
Status

Fixed

Version

3.0

Component

Documentation

Created by

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @eit2103
  • Status changed to Postponed: needs info 4 months ago
  • 🇮🇩Indonesia gausarts

    Thank you.

    For Usages #\3 you missed step 4:
    Click the field under the Fields, choose Slick carousel under Formatter.

    Change the Formatter in this step:
    https://www.drupal.org/files/issues/2024-07-06/Screenshot%202024-07-06%2...

    To:
    Slick carousel, and adjust its settings.

    You can also leave what you did previously as is, but just need to update your Media display under Slick carousel view mode, but that might bring complications for your particular Usage.

    Let me know?

  • Hi gausarts,

    I dont have Slick Carousel option under formatter. I only have slick media and slick file/SVG. Just added a screenshot.

  • Status changed to Fixed 4 months ago
  • 🇮🇩Indonesia gausarts

    You want Slick Media, or anything started with Slick depending your field types in this case.

    That would do.

    Cheers.

  • Hey Gaus,

    I tried that, it didnt do it for me. It just lists all the images at once.

  • 🇮🇩Indonesia gausarts

    Three posssibilities:

    • Library is not loaded, see the requirements
    • at Slick project home. Open the slick.min.js file in your browser. Could you verify you can see Slick version at the top of the file? 404 or 403 must be fixed server side either by downloadung the correct version, or with recursive CHMOD command.
    • Skin, etc., see the related issue at sidebar.
    • Your theme has JS errors, press F12, find Console tab, and screenshot it. Switch to Bartik for a mo.
  • I'm having the same issue. Please reopen.

  • Status changed to Active 4 months ago
  • Status changed to Fixed 2 months ago
  • 🇮🇩Indonesia gausarts

    The issue turned out to be the exact version requirements.

    Failing to match the expected versions will cause issues.
    More detailed in the main Slick project home requirements.

    Thus reading any module project requirements should help get you up and running quickly without problems.

  • Automatically closed - issue fixed for 2 weeks with no activity.

Production build 0.71.5 2024