Hello, friend will come back in a previous video, we successfully complete our neighbor portions,
right?
So right now I'm locked in for the reasons he's not showing our username.
And also here I defend the icons and I was visible.
So now in this video, I want to do want to work for our product details page like here.
If you click on here, it will take you to our little space.
Right.
So you want to do that work?
First of all, we have to do we have to create one of the pays for this one.
Like, you know, our right now, we don't need this.
I just simply remove everything from here, OK?
I just simply remove it.
So now if you want to create it, so you have to do have to go to your template.
That means our template area.
That is our app shop.
That is your home for now.
And to do and to create another file and I just name it as a product, it'll
underscore detail, not HTML.
OK, so I just name it as a product detail.
So now we have to do we have to view it.
So if you want to view it, if you go to our app shop into the app shop and that is our view right into
the video, I have already added our class view as a list view and the details views along with these
details view.
We can actually visibly for doing this.
I want to do want to create another class.
I'm here.
I defend the class name as a product detail detail.
So here I define the product detail and into the product little class idea.
We have to define our this class.
That means our little class.
Right.
And also here, if you want to access this product details, then you have to master as a locked in.
If you want to defining it, then you have to do we have to add another class.
I think you've all remember it.
So that is one of the class and mixed in area.
So from our triangle, from the Django, there is a country Cantrip and then the Ord and then our mixin
so from the mixin.
I want to do an import import our logging we could make since I just simply defended the locking required
mixing as a mixed in.
OK, so here you have to defining it as a locking record, mixed use.
So now we have to, we have to also defining it.
So I just simplify the locking record mixing and then our little view.
So now here I want to do and to define our model.
So that is our model.
So this will be as a product model.
So I have already import our models in the model import products.
So with this product, I want to define all the template name.
Right.
There is a template name here.
We have to load our template that I have created at the app shop, simply the app shop here.
I have defined what I have already created on that page as a product.
It is html
product under detail dot sml.
Right.
And now also for access this page, we have to create the new order.
That means you know what, app shop into the app Shell.
If you go to that you are here.
We have two different data, the path.
So I just simply copied and it will be as a product.
OK, just name it as a product.
And as I told you, every product that has all the specific idea.
Right.
So we have to also get that things with the specific on the idea for the regions here.
I define as a picture that means the primary key and then in our views into the views area, I have
already found about class.
So that is our product details.
So now I just simply define our product details as view and I just name it as a product.
Details, product and detail.
OK, so this step up, one of the name I have defined for a specific spot.
So now I want to do want to put that link.
I want to put that link in our home page in our title area.
That means here.
So that is in our form.
That means if you go to our home and here you can define our product name that the product memory.
I have to define our DC model.
So I just simply defined as you or tell you what will be in our app apps up into the app shop app shop
into that area.
I have defined the name of the product details, so now I just simply define our product details.
And also after that we have to define our idea.
That is our primary key.
Right.
So this primary key, I have to define this after this idea to simplify the picture, that means our
primary key.
Our primary key will be right now.
I'm already involved for Loop.
I have to get all the data with this product.
So now with this product, I want to do to define our this primary kid.
So I just simply defined as a picture.
OK, now if you click the save all and now if you refresh that base.
And now if you put your counsel, you can see snowshoeing as a poor duck and the five bidi, so that
is already there.
They are.
And there are two Aidy and also that is already right.
And I hope you will understand about it.
So now with this specific sequence to Dili, I want to get all the data and visibility in our protected
space.
That means I have created our product details so that they are protected.
So here, first of all, we have to do we have to extend it right.
So here we have to extend.
So we have to extend our beedis HTML e-mail and then also we have to define our body blog.
So that means our blog is Blah blog will be as a body like body and it is called blog.
And also we have to end this blog.
So just simply define art and blog and blog.
So that is around blog.
So now here, if you want to do if you want to display your all that product details.
So here in our view, say, boss, I didn't pass anything.
So when you didn't pass anything automatically, you'd still be get all the data with the following
of the object as the object.
OK, so here I can use it.
Like I show you, I have already discussed about the things we do.
It shall be as an object.
So I just simply defined as the object.
And with this object I want to do and to display our name.
That means if you go to our app shop into the app shop, if you go to our model into the model area,
I define that our product name as a name.
Right.
That is our field name as a name.
So now if you access that name, say to somebody, find that name, now click to save all.
Now if you refresh it now, that is actually our product.
That is our identifier.
So that is what programming is thinking.
So now think on here.
Yes.
You can see it's not perfectly the key to our product with our five ideas.
And also it's not showing our product name.
Right.
So now we have to do we have to customize it.
So here I want to do and to display our everything with little bit some basic design.
So here I want to apply some of the design for this space.
OK, so right now I just remove it.
So here, first of all, that is our body.
And Peter, I take it on here and here.
Take one that Dave and I just define the day of the class as a container, OK, container and then my
five.
So just simply defined as the container in my class.
And then also I take another Dave and define that Dave class as a card.
So which I have already created the our class and then I define another one as a role.
So the idea I want to define actually like here, if we display our images and in particular that position,
that is our another idea here.
I want to define another column into the column idea on the display, our product, everything.
OK, so for doing this that your call rule.
So after this, I want to take another aside.
So inside.
So here in the essay area I define as a call s.m.
OK, define the Colosseum as a five, so Colosseum five and then border the border will be an alright
position.
So just simply defined the right.
OK.
So that is actually one of the asset class I have defined.
And then I defined the article.
So under the article area I don't want to define some of the class.
OK, we have to also create some of the class better.
I just put that name as a gallery.
Underscore what?
So this step of one of the class we have to create and here I want to do I want to display our images.
So after this, I take that Dave here and the name as the images and then big like that will be excises
image as a verb.
So it is simply defining it.
And here I am to load our image.
OK, so here, if you want to use it, I will put on the link.
And also here I defend that image tag.
Sorry, mistake will be.
I think you already know about it.
So here it will be as a media.
So into the media area with our object we can actually display to display everything with this object.
So just simply defined as object.
So with this story, with this object, I want to do and define our image, name or image filename as
a main image.
So I just simply define our main image and after that also to define the style.
That means I want to put out the white for this image and then it will be as actually big size so that
it is style and they still area I want to define as a wide.
So wide will be as whatever he wants.
Right now I just 240 450 pixel perfect.
So here I have defined our airside.
So I say this and they don't hear right, so but I do find the article and then our asset and after
this aside, I want to do undertake another one side, take another aside.
So here after this, I defended the aside and he did the class before I have used I was called some
FIPS right now and want to use another one.
I want to use that Coliseum's seven.
OK, so that will be as a seven.
That means 12.
Perfect.
And in particular that position.
I also find another article, so article.
So a different of the another article class.
So here we have to define another class, we have to create it.
So I just simply name it as right now as a card.
OK, card, it should be the card board and then I define as a B so I just simply define the P five
and then I want to display our name that is in our history here.
I define so in the class we have also created.
I found the class as a as a title title P three.
OK, so this type of one of the name I have defined and that here with this object, with this object
I want to do, I want to display our name.
That is our product name.
OK, and so after that also I want to do and take on the paragraph then better side the front of the
paragraph and with the paragraph Paideia I define the class status symbol, define the class and this
class I define, I have to create it actually, so I just simplify the price.
OK, so price details say just name it as a price detail as a warm OK and here, so here in particular
that we want to do under different of this pen.
OK, this symbol definitely span and the penalty.
I define the class.
So that is our class and this class I name it as a prize, a three prizes three takes a warning.
OK, I just name it as a price text.
Arny So there is a price details.
There is a price tag.
Thorning And here I want to take one that and I want to show our price actually.
So I take another spin, I take another spin.
And for this spin I define the class and this class, I name it as a currency, OK, currency will be
as a USD and dollar.
So here I want to define what they spend and also here on to display our price for the price.
If you want to display, then you have to do we have to define another expense.
I just better define another spin.
And this is spin class.
So here I define that class name will be as a number.
OK, and then here I want to do and to display our object.
So with this object, with this object, I want to display our price.
That means if you go to our model.
So our four main price actually name is the price.
OK, and also we have to actually display our old price.
So to simply define our main price and then the spend and then here our PAETEC, that means that is
our PAETEC.
And after that PAETEC, I want to display our description.
So here, if you want to display, it's better I take one of the deal.
OK, so I just stay behind the deal and for the deal class.
So here I defend the class as it will be as the item property.
OK, I property into the item property area I define with our debt, so DDT will be as a description,
so description, our description will be visible on here.
So after DDT, that is also another e-mail called actually the de de de de de de de de de de de de PAETEC.
So here I define what the PAETEC and the Pittsburgh area under define our description.
So description with our object.
So if this object I to display our description to fill the time that with our details text.
So here I just simply define our details.
Text of a friend.
And also after this we have to add on the button as part of our add to cart.
So for the results after this, I take all the Hadith and the eleftheria.
I define the class.
It will be as a bit in between large and then between.
Out, I want find the outline outline as a primary outline primary as a text so that your text will
be as uppercase.
OK, I just name it as a text.
Albion's uppercase after this.
Here.
Here on the different of the far gone so far.
PyCon I want to use it.
That will be as they actually act to get Bigham so better shopping.
So that is our shopping cart so I want to use it.
So that it also encourages them to copy it now go here after this, I do find a shopping cart.
We don't need this.
I just simply removed it.
And here after this and to display our article on the text, add to cart.
OK, so just name it as a token.
And after that, that is a word, a say just simply.
And this year and then our article on our site and then our all the day.
OK, so that is all that out there.
There is a one or two and there is a three and there is our and look perfect.
So friend here I have defined some of the building and also here I defend some of that class that we
have to create.
So now if you actually agree to save all here, I didn't create this all the success and I think that
refresh.
Yeah.
Now, you showing actually like that there are images visible.
That is our product title is Visible USD.
That means the product price is visible, description is visible.
OK, and also here I define the aquacade.
That means here I define that to cut so that if I were to cut button is not perfectly.
All right.
So not here if you want to like this description area.
So here if you want to add the description and here also to have one of the filter as a line breaks.
So I want to use it.
So that is our description.
That is little.
So after this, I want to do unto the front of the line and here the line and then break.
OK, so there is a line text if you use that line, because then automatically, whatever the data you
insert which way then instantly visible refresh it.
You can see so perfectly visible everything on here.
And also if you go to our home and or this product perfectly, you can see perfectly invisible.
Our latest product name you is the description.
And here also if you want to display that category, you can also defining it like that.
Is our description better to do, undertake another one.
So after this here, before that description, I take as a did the our description and also after this
here, I want to do little display our category with this object.
So with this object, I want to display our category.
We feel that is actually our category.
OK, so now I just simply define that category.
Now if you click the save all and now to refresh it, yeah, it consists of perfectly display our categories
so better I want to do how to display it as a category name.
Category name.
OK.
And also I want to make that things as bold, so bitter.
I want to do and define as a bold, you know, bold area.
I just simply added and also after this, I want to define some of the bracket.
OK, I was simplifying to of this bracket because I save all a freshet.
Yeah.
You can see it's not perfectly visible.
Our category, the category name and also showing our category.
Right.
So better I take one because I save all the freshet.
Yeah.
The regular category.
And also here if you want to change it, that means the change the color better here.
I want to turn to different the font.
OK, font color and for these font color I want to define as red and also we have to do we have to finish
this font.
So I just simply defined as a font.
OK, so just simply finish it now.
It's will become red actually.
So be a little bit calibrated then.
This is everything is looking same.
Yeah.
You can see it's not perfectly showing our category name as our teacher that this is actually our teacher
category products for the reasons it's not showing as a teacher.
OK, and also if you want to display or another one, if you go to that model into the model, that
is our preview text.
Right.
So if you also want to display the text, you can displayed so better.
So we just like that same.
And after this, after this, Dave here, I want to paste it, first of all, to check it.
Everything is perfectly working on not.
Absolutely fresh.
Yeah, because after this action is visible now, better after this attack on some of the bracket there,
little bit better, say, just simply defined.
So the bracket.
OK, so this will be our price better.
I want to do I want to show our short description that our preview takes into the pivot, takes on the
display down here, and then it'll be our little steaks, right?
No, I just clear the table now if you refresh it.
Yeah.
Because it's not showing our preview text add to cart and that is our description.
So for description, I want to do here the description.
Right.
So I just simply copy it.
And after this I take as a description and here and make that as a short description.
Short description.
So we the short description now, let's check this out, if not clear, to save all of receipt.
Yeah, because it's not perfect.
Now showing us a short description and that is our description is visible.
OK, and also after that category, I want to add on to the bracket.
So whatever you want, actually, I think you can well understand about it what exactly the things I
did on here.
So after this category name, that means after this category name I want to put on the bracket.
So here I take another bracket clear to save all the freesheet.
Perfect.
So now everything is working so that your description is visible.
That is all up to code.
What is possible, that is our product name is visible product prize category.
Name is visible.
Short description is visible.
Go here.
There is already another product.
Go here that is are added to the description is visible.
Add to cart shot description and everything is perfect.
OK, so now we are ready to add to cart.
These products are now in our next video list because about that add to cart and order process.
So from here if you want to add to cart this product products will be the key to our disaster area.
So we can do that.
Working on next video, I will show you that things with a live example.
So thanks for watching.
I will see you in the next video.