SOLVED: Nestable slider or carousel with Happyfiles Pro image folders?

How To
1

Is it possible to create a carousel or nestable slider made up images from a Happyfiles Pro folder?

1 Like
2

Yes, you can use the nestable slider to loop over your HappyFiles folder images like this:

  1. Add a “Nestable slider” to your page
  2. Remove all slides except the first one
  3. Select this first slide and enable the “Query Loop” setting
  4. Inside the query loop settings, select post type “Media” and your HappyFiles folder(s) under “Terms (Include)”:

bricks-nestable-slider-query-loop-happyfiles-folder
bricks-nestable-slider-query-loop-happyfiles-folder1920Ă—1102 72.3 KB

  1. Under the STYLE tab, open the “Background” control group, and select the {post_id} dynamic data, plus any other background settings you need:

bricks-nestable-slider-background-image-post-id
bricks-nestable-slider-background-image-post-id1920Ă—1102 69.3 KB

That’s it :slight_smile:

2 Likes
4

I get everything to work except the looping part. Did I miss something or have this way to do i changed?

EDIT: Got it to loop on desktop, but it´s only swipeable on mobile.

5

@Kekke Do you have a URL for me? So I can have a look at your nestable slider? Which Bricks version have you installed?

6

The URL is: https://publicakersberga.se/ and it´s the hero slider.
Bricks version is 1.9.8

7

Thank you for the link. According to your “edit”, the query loop is working fine now.

The remaining issue is that the slider doesn’t autoplay on mobile?

If so, here’s a post with a solution in case your device has “reduced motion” enabled: NO BUG: Slider(Nestable) Autoplay not working - #20 by wplit