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.
All our project files for you to practice and play with along with some bonus materials.
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.
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!
all right guys welcome back
let's take a look and review what i was
able to create
using the content management system of
webflow
over here you can see a slideshow that
i've created using
an interaction that is triggered based
on
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
menu
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
reflecting
the top scores all right
uh another thing i want to show you here
is
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
plot
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
h1
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
filter
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
particular
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
away
all right now i just want to finalize
the cms module
by teaching you how we can start adding
collaborators
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
Access our premium community including bonus tutorials, project files & weekly resources.
UNLIMITED ACCCESS