Back to Creating Jumbo Slides Video
welcome in this video tutorial we're
going to review how to create
jumbo slides jumbo slides are these big
images that appear in the jumbotron of
your landing pages such as your home
page
and you can have a single static image
you can have multiple images like we
have here to create a slideshow
you can have these descriptions that
appear at the bottom
of the image you can have no description
at all and just have
a slideshow of images all those things
are possible
now before you get to the point of
creating a jumbo slide you'll need to do
two things one of those things is to
upload an
image to your media library uh if
if you're not sure how to do that we
have a separate video on how to
upload images to your media library and
then also too you need to make sure
that you've cropped the hero cropping
settings
for that image because the hero cropping
is what's going to designate what part
of the image displays
in the jumbotron when you enable that
jumbo slide there so
uh we do have videos and tutorials and
all that stuff so make sure to check
that out
here we're going to create a jumbo slide
and then add it to our homepage
so to create a new jumbo slide you'll go
up to content add content
yellow slides then you'll give your
jumbo slider name
uh next if you want to add that
description to
your images or if you need to add some
extra information you can put it here
next you'll need to select your image so
you'll go down here to this drop down
select jumbotron image and then you're
going to search
for the image that you've uploaded
already to your media library
i'm going to scroll down and grab one
here
and then make sure you scroll all the
way to the bottom because there's
another
select image button here so click that
that that one is easy to miss and if you
miss selecting that then when you save
your jumbotron
or jumbo slide image and then you add it
to your jumbotron it's going to be a
blank space
so make sure you select that button
again
here you can add a link if you'd like to
that's going to add a little descriptive
link that just says
read more if you need you know maybe
something a little more customized you
can skip adding the link here and you
can create a custom link up here in the
body field
so anyway just make sure that if you use
this jumbotron link field
make sure to use the entire url
including https
you can add this jumbo slide to your
layouts if you want to if you're going
to use this uh
you know some sort of template and if
you wanted to have just
a an image without any title or
body text or anything like that you can
check this box for hide title
and then of course you'd have nothing
put here and then that'll just give you
a a regular image
in this case i want mine to show so i'm
going to uncheck that
and then finally order this is what
designates you know where
in a slideshow an image will appear if
you have multiple images
enabled for your jumbo slides so in this
case i'm adding my third
image so i want this to appear third
i'm gonna change this to three then
finally i'll check the box for published
don't forget to check that box and click
save
okay so we've created the jumbo slide
now i need to enable it on whatever
landing pages i'm going to use it on in
this case my home page is the one i want
to enable it on
so i'm going to go to my home page and
click the edit tab
then go to your jumbotron settings make
sure the selection
under options is for refer sliders if
it's not make sure you select that radio
button
then you'll have to select or check off
you know whatever
sliders that you want to add to your
home page
in this case i've already got two jumbo
slides enabled i'm going to enable the
last one
here which is the one i just made
and then i'll click save
and so you'll see we actually have three
images here now in the jumbotron
there's my second one and my third one
is right here so this is the one i just
made
there's the title there's what i put
into the body field
and then this is that little jumbotron
link if you click on read more it takes
you to the url you copied and pasted
into that field
so there it is that's how you create
jumbo slides