‫So now in this video, we're going to be building a template that's going to pull in the data right
‫from here and it's going to show that, too, here.
‫So that whether you open any of the property that the user will add right here, you will be able to
‫create a template.
‫And that template you have to credit for one time and that template will be basically serving all of
‫the property right here.
‫So make sure that you do have the elementor and the elementor pro version make us, since we will be dealing
‫with the templates.
‫You basically have to get this elementor pro version.
‫Now, if you haven't bought it yet, then what you can do is that you can collect the resources.
‫You can click this link.
‫The link is basically an affiliate link.
‫And when you purchase it from that, I'm going to get a small commission and now you have to basically
‫select that.
‫And whether you want to use this particular one on one single Web site or three Web site or a thousand
‫Web sites.
‫So basically, if you are here for the Web design purposes, you want to start your own Web design company.
‫I would highly recommend you to go with this particular plan.
‫But it totally depends upon you.
‫You have to select and then once you've got it, all you have to do is to go to elementary dot com and
‫now you have to click my account and now you have to download the plugin.
‫So you have to basically click this download plugin from here and then you have to basically go to the
‫plug ins right here.
‫And now you have to click add new.
‫And now you have to upload plugin and then you have to drag and drop the zip format of the plug in that
‫you have installed.
‫So once you have got your elementor done, then you have to go to the elementor right here and you
‫have to go to the license and then you have to click activate to activate your license from the elementary.
‫And once everything is done now, you will be able to create your own particular template.
‫So first of all, you have to go to the theme builder right here.
‫Now, I'm basically assuming that you do know about the archive.
‫You do know about this single.
‫And you also know about the particular theme builder link, how it works.
‫So if you haven't, then I would highly recommend you to go to the video review, basically build a
‫template for the e-commerce Web site so that you know how it works.
‫Now you have to basically click add new and you have to select it to be single.
‫Since we're building a template that is going to be for this particular page on all single property
‫that we will be adding, it's going to be catering all those.
‫That is why you have to select single.
‫Now you have to select the property type.
‫Now you have to enter your template name.
‫So your template name is going to be the default property template.
‫And now you can hit enter once you will create your template.
‫You will be taken to your elementor right here and now you can drag and drop your stuff over here.
‫But you can see this is our Web site is looking.
‫This is the background coming and everything is coming right here.
‫But we need a plain, simple Web site because we don't need this ugly background and other stuff like
‫that.
‫So all you have to do for that is to go to DP Admin of the Web site and change your theme from the
‫20-20 team to basically the Hello Elementor theme , because we're going to be building our own custom
‫header and we're going to be building our own custom for two, too.
‫So you just have to search for hello.
‫And this is going to be right here and now you have to hit install to install listening.
‫Now, once you've got your team installed, all you have to do is to go to the templates and then you
‫have to click theme builder again.
‫And now you have to click edit for the elementor right here and you will be taken back to this particular
‫one.
‫And he can see this is how it's looking right now.
‫Now, what you have to do is to basically click over here and you have to go to the gear icon, click
‫over here, and you have to basically select this to be elements are full of it.
‫So that basically there should be a full of it right here and now even you will add a section.
‫It should be catering the full width like so.
‫Now, once you've got your everything done now, we have to start working with the template.
‫So first of all, we're going to be getting the property featured image.
‫That's gonna be the featured image of the property.
‫Now, for that, what you have to do is to click over here and here.
‫We are going to have to hit edit section and we have to do it right here and we have to select a classic.
‫And inside here, like you can see, it's right here over the images coming.
‫You have to basically click over here and you have to set the post featured image.
‫So whatever the feature image that you will add over here, which is gonna be right here, you can see
‫down below the whatever the main image that you will add will be pulled right over here.
‫So now what you can do is that you can go to the layout and he can go to a minimum height and you can
‫set this to this much like so.
‫And now you have to basically get the post title.
‫So instead of the post style, we're going to be using the text, Bridgit.
‫We're going to drag and drop this here and we're going to change this to the post title.
‫And the both title will be right here.
‫It's Burj Khalifa top floor.
‫Now, what you can do is that you can send this to.
‫Centers that it should be right here.
‫And now you can go and you can hit publish.
‫So once you will hit publish, you will say that it should be visible.
‫It should be basically added to properties.
‫And it should be added to all properties.
‫Not a single property.
‫And now you have to hit, save and close.
‫And now when you will come and you will rephrase this, you will see that this is how your Web site
‫is looking.
‫There is going to be the title, just a title right now because we don't have any featured image yet.
‫Now, for the featured image, what you can do is that you can go to the UN splash dot com and now you
‫can search for the Burj Khalifa or the featured image of your.
‫Particular property, and then you can add that particular there.
‫So all you have to do is click said property, image and all.
‫You have to get the property image that you can download from the UN splash.
‫And basically the administrator of the Web site, will, upload the images so you can just guide him
‫like how to upload the image.
‫Now, once the image is uploaded, now you have to basically hit said product image and now you can
‫hit update.
‫And now you have to hit property view and you will be taken to this right here.
‫And this is how the image is looking.
‫Now, once you've got this done now, you have to come here and you have to go to the elementor and
‫you have to refresh your page builder so that the image gets loaded.
‫And this is how it's looking.
‫Now, you have to come here and you have to go to the edit section and you have to go to these style.
‫And for any position we're against said this to center center.
‫And the size to be cover like so so that this is how it should be looking sand like this.
‫You can said the attachment to be fixed so that the image should be having the parallax effect.
‫Now once you have got this, all you have to do is to now start designing the image right here.
‫So we're going to first come here and we're going to go to the background overlay and we're going to
‫be giving a slight light background overlay right here.
‫We're going to send this to black and we're going to keep it to be like two zero point two five.
‫Like, so and now you're going to set this title right here.
‫You're going to have to select this.
‫And the color of this is going to be white.
‫So now once you've got this, all you have to do is do now go to the advance and apply the background
‫color.
‫So we're going to be applying the background color.
‫That's going to be a black color.
‫OK.
‫Like, this is how it's looking right now.
‫And similarly, like this, you're going to have to just keep the transparency to be a little light.
‫Like so and now you can go to the advance right here and you can add some padding so that there should
‫be padding from the top, that's going to be 20 pixels.
‫And from the bottom, that's going to be 20 pixels, too.
‫And this is out.
‫It's looking right now.
‫So if you see it, you can see this is how the cool effect it's giving.
‫Now, you can go to this style over here and you can work with the typography.
‫And you can said this, too, like how you like it.
‫And this is how it's looking.
‫So I've also basically given the opacity to like here so that there should be much more.
‫Now we're going to be adding some of the more things that's gonna be the price of the property as well,
‫so that the person know that what price does this property have?
‫And for that, what you can do is that you can come here and you can get this text heading and you can
‫drop it right here.
‫So it's going to be right here.
‫And now you can set the text color to be white so that this is actually visible.
‫Now you can align this to center.
‫So go to the content and line this to center.
‫And now we're going to have to get the data from the advanced custom fields.
‫So basically this is not over here.
‫You have to go down, go down till you find this ACF field.
‫You have to click over here and now you have to click on it again.
‫And now in the key, you have to basically get the price of this.
‫And this is going to get the price.
‫Like, so.
‫And you can see that everything is done.
‫And now what you can do is that you can click this right here.
‫And before this, you can add this dollar.
‫So it's gonna be dollar one two five zero.
‫This is how it's looking.
‫So similar like this.
‫What you can do is that you can go to the advance over here.
‫And before this, you can just said this to property price and you can add a colon and you can give
‫us space.
‫And after this, you can add the dollar signs that the person now that it's actually one two five zero
‫dollars right here.
‫Now you can go to the style and you can style the way you want to.
‫And now we're going to be adding this, something that's going to be about the property.
‫So about the property means that this property that we have added over here, it has a category as apartments.
‫And it has a location that's downtown.
‫So all you have to do is to now come here and you have to basically look for the post info because
‫we're going to be adding the post information and now you have to drag it and drop it right here.
‫And I can see that we have got this like who posted this property on what date he posted on what time.
‫And the comments.
‫So we're going to basically get rid of the time and a comment.
‫And this is right here.
‫And we're also going to get rid of this right here.
‫So we should be having just the author.
‫Now, you have to basically come here and you have to change this to terms.
‫And now in the terms, you have to basically choose a taxonomy.
‫So we're going to be selecting first deal location.
‫And here it is.
‫It sees the downtown.
‫So now you can set this to right like here.
‫Like, you can basically go to the icon and you can set a custom icon.
‫You can just come here and you can search for a location right here.
‫OK.
‫And you can just right here, you can just add that.
‫And it's going to be added right here and now you can go to the style over here and you can align this
‫to center.
‫Seemed like this.
‫You can come here and you can add another item.
‫And this time this is this item is going to be the category.
‫OK.
‫So for the category, you can just come here.
‫And instead, instead of this, I can you can just come up here and you can set search for home.
‫So that that's going to tell you that the type of the property right here.
‫OK.
‫You can see this is how it's looking.
‫Now you can come here and you can go to the icon right here and you can change the color of the icon
‫that's going to be this right here.
‫And you could change this to even read.
‫OK.
‫And some like this, you can come here and you can change the text colors to be white to that.
‫That is actually much more visible.
‫So the location is basically downtown and the category is basically apartments.
‫So it's like that seem like this.
‫If you want to write it, what you can do is before the text, you can just send this to the category
‫like this and you can set the coolin right here.
‫And this is how it's going to work.
‫But I like it to be the aykan way and the Eichen way is much more better.
‫Now you have to go to the advance and you have to go to the bank Crohn and you have to basically apply
‫a back from color.
‫So we're going to be adding these same back from color that we added, and we're going to keep it to
‫be a little less than that.
‫And now you have to go to the advance and we have to add some padding.
‫So we're going to be adding 10 pixels from the top and we're going to be adding 10 pixels from the bottom
‫like so.
‫And this is how it's looking.
‫So we've got the downtown location and the apartment, the category as the apartment.
‫And this is how it's looking.
‫So now we are done with the header of the property.
‫Now, in the next video, we will be adding below where, the information of the property.
‫Like you can see, we have got the size of the property.
‫We have got a property type.
‫We've got a property features.
‫You've got parking, the number of bedrooms, the location and the agent e-mail and everything.
‫So in the next video, you'll be talking about like how to work for it.
‫So stay tuned, guys.
‫And babye.