[New Plugin] - Netflix carousel infinite

Create an infinite carousel of items (like the Netflix slide) just by providing a list of items from your database.

:arrow_right: Feel free to see the example at the link: https://acampamentonocode-plugins.bubbleapps.io/version-test/netflix_carousel_infinite

:arrow_right: Feel free to look at the editor at the link: Acampamentonocode-plugins | Bubble Editor

If you have any questions about how to apply the plugin in your app, suggestions for improvements or even report a bug that is happening in the plugin, please don’t hesitate to contact us. It will be a pleasure to serve you.

The plugin code is fully responsive to all screen types, so you won’t have any issues with your users.

:arrow_right: Instructions

  1. For the plugin to work you can supply any type of data from your database. The only rule is that in the given data type two fields must exist:

    • thumbnail (image): Field where you will save the link of the presentation image of your item.
    • path (text): Field where you can search for this item in a dynamic page using “Search for type_data:first item”
  2. After structuring your database with these two new fields, place the “Netflix Carousel” element on your page (default size 960x200). I believe you want it to always be 100% of your page, so leave the option “Apply maximum width when page is stretched” turned off. But nothing prevents you from rotating and adapting the layout to your style.

  3. Provide a title for this section of the carousel, such as Category Title, Most Viewed, and so on. You can create your own filter.

  4. Provide the list of data that the carousel should extract. In this step, you can apply the desired filter to your list.

  5. Provide the name of the page to which the user should be redirected if they click on any of the carousel items. Here, when the user clicks on an item in the carousel, he will be redirected to the informed page + the “path” field.

2 Likes

looks great so far.

We use an external data source via the api connector. Does it still work in this case?

Matt

Unfortunately not yet Matt.

But it’s a good reason to create an update taking care of these cases

Looks amazing, thanks for sharing, I will make it for my netflix app

1 Like

Any questions don’t hesitate to get in touch!

1 Like

Preview page isn’t working

1 Like

@jonah.deleseleuc Thanks for letting me know, I’ll look what happened now!

1 Like

Hi - Thanks for this plugin - works great as you have described.

Any chance it could be tweaked to show a list of images within a data type.

image

I found the identifier of the list ok but the images do not show.

Thanks