KreativePro Masterclass
Hello, {first_name}
Review Final Templates
Learn to build websites without code in Webflow
Oops! Something went wrong while submitting the form.
Browse Lessons

Access our premium community including bonus tutorials, project files & weekly resources.


Webflow Category Templates

On this Webflow lesson we take a look at all the remaining dynamic templates including categories, actors & movies. How to create a slider using Webflow Cms collections and how to create a multi-reference movie streaming platform using Webflow.

It's your turn!

Take a moment to download this Webflow Template so you can practice, experiment and use however you want!

📥 Download Template

Webflow Project Files

All our project files for you to practice and play with along with some bonus materials.

Webflow Project Files


Being the best means investing in the best, no matter what level you are at, this course will take you through the entire process you need to be able to implement an idea and turn it into a fully functional business.
Manasés Padilla
Photographer & Entrepreneur
It has been the best investment I made in my design journey so far. I would consider myself a novice but I honestly feel like I've gained a genuine professional insight into the process of creating a high-level website.
Noel Hale
Founder of Slush Monkeys®
I'm an early adopter of the KreativePro Masterclass, and I love how well put together it is. Neftali takes you through each step of the process from paper sketches to marketing all with fun visuals & clear instructions!
Mae Green
Product Designer @ Dropbox

all right guys welcome back

let's take a look and review what i was

able to create

using the content management system of


over here you can see a slideshow that

i've created using

an interaction that is triggered based


every slideshow coming in and out

this is all going to be part of the

resources so if you're interested in

downloading and cloning this exact same

template you can do so by going over to

the resources

tab below and just clicking download so

you can get

access to all of these layouts

all right so what i've done is i've

created a simple grid

to load up my cards that i've

pre-designed in our playground

and each of these cards is going to link

or take me

over to that dynamic template page that

we talked about

i've added a nice video on the

background and i even added an

interaction so that as soon as you hover

over the play icon

this nice panel starts to slide down so

i think that looks really cool

you have some details here and let's

jump into another

category so you can see that different

categories happening

over on the top menu so if i hover over


or hover over movies you can see all the

different genres that we have created

all i've done is i've made sure that all

the movies

have a relationship between those genres

all right this is looking good

and so as you scroll down for example if

we go back to showing all the movies

we have styled a little bit of how the

pagination works so it's just

webflow just gives us two buttons

unfortunately so it's the next

you're gonna see that i've ordered i've

also sorted them

by their score so the very last ones or

the lowest scores

and then if i go to previews the top

movies are gonna be

always here with the nice icon


the top scores all right

uh another thing i want to show you here


so for example if i go into any of these

and i select the movie itself i'm gonna

i'm going to see

uh the preview some description of the


uh i see the members so based out of the

page that what we talked about earlier

and the cards for the reviews this can

also be another collection

and then we just assign these reviews to

that particular movie

and then this is actually cool because

now if i click on each one

there's a dynamic page for each actor

and if we go into our web flow for

example and click on pages

you'll notice that cast members which is

the database collection we created also

has its own

page so this is what i've done i've

created a little preview

where i have the nice background of that

same image

is actually being used as a background

i've added a filter of blur

and just add it and change some of these

simple values of paragraph and the title


to match the actor so known 4 is

now looking for related any any

any movies related to this actor it's

actually pretty simple to pull because

if we go over to our collections

settings over here notice how i have a


so in this case i'm selecting the

the field over here the multi-reference

field the search goes like this

show me all the movies that

are related to the cast members in the

in the multi reference field which

contain the current cast member in this

case it's talking or referring to this


one and just like that we were able to

show all the movies

that he is related to

so the director peter jackson and all

the movies related

pretty cool guys i'm super excited again

you can download

this exact same template

there's a dynamic page for it if we go

into webflow

similar to how we did the actors we go

into pages

click on the movies generous template

and simply what i've done is added a

collection list

using the same structure the same grid

and added some filters so that

we only see related movies

that are based on the current movie

genre so every time you see that little

thunderbolt again

it means that it's referring to that

dynamic page you're looking at right


all right now i just want to finalize

the cms module

by teaching you how we can start adding


into our into our project so that they

can start modifying some of these

entries and collections directly

with their username and password so

let's do that in our next lesson

Coming Soon

The future of the web without code
Digital Media Masterclass by Neftali Loria

Neftali Loria

Author & Instructor
KreativePro Masterclass Bundle

Access our premium community including bonus tutorials, project files & weekly resources.

Welcome to the Tribe! 💜 Something cool is coming your way...