Query loop results as a carousel

  • goutm

    (@goutm)


    1 week ago

    Hej!

    In the query loop block you can operate number of columns for blog entries, and when it comes to a mobile view — blog entries are displayed the same way a columns do: one after another, so it could be a long slide down needed even in desktop version of a site you have just 1 row.

    Instead, would it be much more convenient to have an option (at lease for a mobile screens) to display blog posts as a carousel?

    Thanks in advance.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Ravi Khadka

    (@ravikhadka)

    1 week ago

    Hi @goutm

    As far as core WordPress is concerned, the Query Loop block does not currently have a built-in carousel mode for mobile or desktop.

    So if you want Query Loop results displayed as a carousel, you would normally need one of these:

    1. a plugin/block that outputs posts as a slider/carousel
    2. a custom block or pattern
    3. a custom JavaScript/CSS solution

    If you want to stay close to core, a simpler fallback is to reduce the number of posts shown on mobile or adjust the layout there. But for a true swipeable carousel, the standard Query Loop block by itself does not currently provide that option.

    Thread Starter goutm

    (@goutm)

    6 days, 9 hours ago

    Hej @ravikhadka

    Unfortunately, I did not find any plugin to do that, and it is the only option for me since I’m not a programmer. but what do you mean when you say custom block separately from a plugin?

    Maybe standard query loop can have separate options how many posts to display when on desktop and when on mobile?

    rutchile2

    (@rutchile2)

    3 days, 4 hours ago

    Hi

    I have the same issue on my website as well. On mobile devices, the Query Loop block shows all posts one below another, which makes the page too long. A carousel option for mobile would be very helpful and would improve the user experience.

    My website: https://rutificadoronline.cl/

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

You must be logged in to reply to this topic.