KreativePro Masterclass
Hello, {first_name}
6.7
Review Final Templates
Learn to build websites without code in Webflow
Completed
Oops! Something went wrong while submitting the form.
Completed
Browse Lessons
56
lessons
7
hours
MINUTES
2
files
Level

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

UNLIMITED ACCESS
Overview

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.

Download
Download
Webflow Project Files

Reviews

Manases
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
Noel
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®
Mae
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

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

The future of the web without code
56
lessons
7
hours
MINUTES
2
files
Level
Digital Media Masterclass by Neftali Loria

Neftali Loria

Author & Instructor
@kreativepro
KreativePro Masterclass Bundle

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

UNLIMITED ACCCESS
NEXT COURSE IN
00
Days
00
hrs
00
mins
00
secs
🚀