Create an infinite carousel of items (like the Netflix slide) just by providing a list of items from your database.
Feel free to see the example at the link: https://acampamentonocode-plugins.bubbleapps.io/version-test/netflix_carousel_infinite
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.
Instructions
-
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”
-
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.
-
Provide a title for this section of the carousel, such as Category Title, Most Viewed, and so on. You can create your own filter.
-
Provide the list of data that the carousel should extract. In this step, you can apply the desired filter to your list.
-
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.