Webflow is an amazing tool for creating responsive websites without code. That said, they currently don’t make it easy to work with data from third-party or external API endpoint. Luckily, with a little Javascript in your Webflow page settings, this can be achieved.

In this tutorial, we're building on what we did in Part 1 and going from the list view to the single item view.

Vist Xano - The Fastest No Code Backend Dev Platform
[ Ссылка ]

Step-by-Step Tutorial:
[ Ссылка ]

Part 1: Displaying a list of data
[ Ссылка ]

Part 3: Filtering the list of data
[ Ссылка ]

Cloneable Webflow Site:
[ Ссылка ]

This Tutorial - Single item page Javascript:
[ Ссылка ]

Part 1 List View Javascript:
[ Ссылка ]


Chapters:
0:00 Introduction
1:45 Webflow Display API List Recap
2:45 How we create the link from the list view to the single item page in Javascript
6:44 Setup the single item page in Webflow
8:15 How the Single item page works in Javascript
9:40 What's happening in Xano to make this work
14:20 What we're doing in the next video

свернуть