‫Hey, what's up, guys,and welcome back.
‫So in this video, we will be building a template for our archive page.
‫Now, if you take a look at the Web site, the e-commerce Web site, you can see that if you go to the
‫shop page, you can see all of the products are coming like that.
‫OK.
‫And you've got the price.
‫You've got the title.
‫And you've also got the add to cart button.
‫Like so like this is all basically an archive page looks like.
‫And in our Web site, if you take a look at the Web site that we have built, you can see that if you
‫take a look at the all properties, these this is how the properties are looking.
‫We've got just a title.
‫We've got justice.
‫We've got the description and that's all.
‫And we also want to show the price of the property.
‫We also want to design it custom way so that we can see what is going on.
‫Now, I'm first of all, what you have to do is to just come up here to the theme builder and then you
‫have to click add new and you will see a template, a pop up like that.
‫And now what you have to do is to select it and you have to select it to be an archive page.
‫Okay.
‫And once you have selected it now, you can just go ahead and you can type in here.
‫Property archive.
‫Okay.
‫And you can just name it anything.
‫And now you have to click create template.
‫So once you have are basically right in there, you can see that it's going to just ask you whether
‫you want to use any of the premade template for that.
‫But you're going to head cross and now we have to design it.
‫So first of all, what we'll be doing is that we will be designing something like that.
‫We will be showing the title of that particular thing.
‫So what you have to do is to just add a section and then you have to hit add here.
‫And now what you have to do is to just make this section to be twelve hundred pixels and now you have
‫to get the archive title.
‫So we'll get that and we will drop it right here.
‫And it.
‫Can I just tell us that this is the archive page.
‫Okay.
‫And now once you're done with that, all you have to do is to now come up here and you have to basically
‫add a background color.
‫So you have to basically edit the section.
‫You have to go down with the background type.
‫And now here you have to add the color code, which is going to be right here.
‫And now this is done.
‫Now you can go to the layout and you can add some of the height to that.
‫So we're going to be adding a minimum height and we're going to keep it this much like.
‫So it's gonna be 172.
‫Now you'll have to click the title and you'll have to change the color of the title, which is going
‫to be white.
‫And now you can work with the typography.
‫So we're going to be using the Monserrat and we're going to be keeping it to be 100.
‫Like so.
‫And this is out.
‫It's raking.
‫It saves the archives.
‫Okay.
‫Now, what you have to do is to get now the post.
‫Okay, so we have to get the post and we have to show them right here.
‫Like you can see, this is how all of your posts are coming.
‫So we have to get the post.
‫Now, what you have to do?
‫You have to click this archive post and you'll have to drag this and drop it right here.
‫And it's going to create a section.
‫It's going to add a column, and then it's going to add the post right here.
‫It says, It seems we cannot find what you're looking for, but you have to wait for some time.
‫Okay.
‫Now, let's go ahead and let's click on this.
‫Okay.
‫And let's just go ahead and let's add this to 12 minute pixel to that.
‫It just matches the exact same that we have been over here and now you have to go ahead and you have
‫to hit, publish, and now you have to add a condition.
‫And it's going to be just like all archives.
‫So you can go down and you can just set this two properties archive and you can go ahead and you can
‫hit, save and close.
‫Okay.
‫Now, once you come up here and you will refresh this, you can see that now this is how it's looking
‫at archives and now the properties right here and how it's working.
‫Now, if you will come up here and you will read first this page.
‫You can see it's still say it seems we can not find what you're looking for.
‫So what you've had to do, you have to click the settings, OK?
‫And once you are in that now, you have to click preview settings.
‫And now you have to set this to properties archive.
‫And now you have to hit, apply and preview so that it's going to get that.
‫And now you will be able to see all of these properties like that.
‫So this is out now.
‫It's looking and now you can go ahead and you can edit it the way you want to.
‫So we've got Classic and we've got three columns and we've got image position at the top.
‫You can just set this to left, right or whatever, and you can go down and you can see we have got
‫this much coming now since you guys have already Virgie at the blog page.
‫I don't have to explain you like what is going on and how each and everything is working .
‫We've got the date.
‫We've got the comments like that and everything is working like that.
‫Seems like this.
‫If you now go to the pagination, you can just go ahead and you can see it like that.
‫So it's going to be there.
‫And in the advance, if there is nothing, it's just going to tell you that nothing found.
‫Same like this, if you will click on it and you will select cards.
‫It's going to be in a card way and it's going to change the look of that like so.
‫And now here you can see this is how our properties are looking.
‫Now you can go ahead and you can hit update.
‫And now when you will come up here and you will refresh this, you will see that this is how it's looking.
‫And are all properties pages done?
‫Now, if you even go to the location, so if you go to the Abu Dhabi, you can see that for Abu Dhabi,
‫it's like that.
‫It's basically like that.
‫And it's not working as it was working over here.
‫So for that, what you have to do, you have to come up here again and you have to click on the display
‫conditions.
‫And here you can see it says property archive, location, direct child location, any child location
‫off.
‫And the category and the right here.
‫So everything is right here.
‫So basically what they are saying is that it's going to be available to the location as well.
‫It's going to be available to a child off location now.
‫And what does a child mean?
‫So you can see that if you come up here, you can see that this is Abu Dhabi.
‫This is basically the location.
‫And the child of the location is basically Almería Island.
‫And these like that.
‫So these are the child of the location.
‫This means that.
‫So what you can do for that is that you can even select all archive.
‫So all archive will basically also cater to the Post archive.
‫Direk child categories and these right here.
‫And so what I would recommend is that I would recommend you to create a specific four properties archive.
‫Then add these conditions and include this on the location.
‫And also you have to include this on the category pages as well.
‫And that's all.
‫So that's all.
‫You've got the property archive.
‫We've got the location and we've got the category.
‫And we can go out and you can hit cross and you can hit, save and close.
‫And now when you will come up here and you will refresh this page.
‫You can see it's right here at his location, Almería Island.
‫And if you go to any of the main location, it's going to work like that.
‫Even if you go to the category, which is going to be the cottages.
‫It's going to show that particular template that we have built.
‫Now, this is something that the elementor and the default elementor bases looking like.
‫But, um, we have to design it like in the all properties or in the location or in the any of the archive
‫page.
‫It should show the price of the property as well.
‫And I'll show just like what's creer feed.
‫This property has and stuff like that.
‫So we want to show it that way.
‫Now how you can do it.
‫So we will be talking about that in the next video and we will be designing it this way.
‫So you can see we have got the title.
‫We have got the background in in the background.
‫We've got the property.
‫Then we've got the price.
‫Then we've got the location.
‫We've got the category.
‫We've got the square feet.
‫We've got the bedrooms.
‫And we've got a little description.
‫And I will show you how you can go ahead and how you can design it this way.
‫We basically have to create a custom, that custom loop.
‫And then we have to loop it through and we have to show all of the properties right here.
‫So we're going to be designing that particular thing in the next video.
‫So stay tuned, guys.
‫And babye.