In this session we show how to add a slider and text to the Front Page using a feature box. We begin by showing how to add the Feature Box and add columns and widgets to it. We add some text to the Feature Box and for a rotating slideshow we add the Meteor Slides widget to it.
There’s one other thing I wanted to show you that we can do in Thesis 2.0 and that is to add a slider to this. We’ll add a slider to the front page.
Add the Feature Box
Come over to HTML. And we’ll go to our front page and we’re going to create a whole new thing. We’re going to create a feature box. It’s going to be a new container. We’ll call it feature box. We’ll add the box and then we’re going to create a new container again. It’s going to be feature box columns. Add the box again. Then we’re going to create a new container. We’re going to call it feature box left. And then another container which we’ll call feature box right. So feature box columns will go into feature box. Feature box right will go into columns. Feature box left will go into columns.
Add a Widget
Now we’re going to create a new container. We’ll create a new widget and this is going to be feature box widget. We’ll add that. We’re going to shift that and put it into feature box. Shift and drag it into feature box left.
Add a Text Box
And then we’re going to add a new text box and it’s going to be feature box text. We’ll add that box, come on over here.
This is the information I want in that. This is essentially our hours of operation so I’ll copy that, come over in my text box and paste it. And then drag that up into the position to the right then we’re just going to drag this up and drop it into container. Drag the container down, drop it below header and save the template.
Add Meteor Slides to Feature Box Widget
Let’s come on over to our widgets. And now you see our feature box widget shows up. And I’m going to grab our Meteor Slides widget which I already have configured, drop it into place, come back over to Barking Chihuahua, refresh it and… oh, I forgot to put column 1 and column 2 in these things. Feature box left is C1 and feature box right is C2 and feature box columns is columns 3 2. It’s the same as the one we’re using on the page. Now we can save that template, refresh the template and it takes on all those styles.
Now we have rotating slides and a feature box. Obviously, we can style this to make it better. We can shift content around. Hopefully you can see that everything in the world can be styled here and yet that feature box is not on our main page. It’s not on our reviews page. It’s not on our blog page. It’s just on our front page.