1 00:00:00,150 --> 00:00:05,910 Hello, friend will come back in a previous video, we successfully complete our neighbor portions, 2 00:00:05,910 --> 00:00:06,220 right? 3 00:00:06,250 --> 00:00:09,450 So right now I'm locked in for the reasons he's not showing our username. 4 00:00:09,450 --> 00:00:12,540 And also here I defend the icons and I was visible. 5 00:00:12,870 --> 00:00:17,370 So now in this video, I want to do want to work for our product details page like here. 6 00:00:17,370 --> 00:00:20,460 If you click on here, it will take you to our little space. 7 00:00:20,460 --> 00:00:20,780 Right. 8 00:00:21,150 --> 00:00:22,320 So you want to do that work? 9 00:00:22,320 --> 00:00:25,920 First of all, we have to do we have to create one of the pays for this one. 10 00:00:26,400 --> 00:00:28,830 Like, you know, our right now, we don't need this. 11 00:00:28,830 --> 00:00:32,340 I just simply remove everything from here, OK? 12 00:00:32,350 --> 00:00:33,490 I just simply remove it. 13 00:00:33,810 --> 00:00:38,280 So now if you want to create it, so you have to do have to go to your template. 14 00:00:38,520 --> 00:00:40,380 That means our template area. 15 00:00:41,010 --> 00:00:42,330 That is our app shop. 16 00:00:42,330 --> 00:00:43,350 That is your home for now. 17 00:00:43,350 --> 00:00:47,850 And to do and to create another file and I just name it as a product, it'll 18 00:00:50,430 --> 00:00:54,040 underscore detail, not HTML. 19 00:00:54,800 --> 00:00:57,030 OK, so I just name it as a product detail. 20 00:00:58,230 --> 00:01:00,050 So now we have to do we have to view it. 21 00:01:00,060 --> 00:01:05,640 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 22 00:01:05,640 --> 00:01:10,710 the video, I have already added our class view as a list view and the details views along with these 23 00:01:10,710 --> 00:01:11,360 details view. 24 00:01:11,370 --> 00:01:13,530 We can actually visibly for doing this. 25 00:01:13,530 --> 00:01:15,360 I want to do want to create another class. 26 00:01:16,500 --> 00:01:17,050 I'm here. 27 00:01:17,050 --> 00:01:21,810 I defend the class name as a product detail detail. 28 00:01:22,830 --> 00:01:26,400 So here I define the product detail and into the product little class idea. 29 00:01:26,400 --> 00:01:28,650 We have to define our this class. 30 00:01:28,650 --> 00:01:30,020 That means our little class. 31 00:01:30,030 --> 00:01:30,320 Right. 32 00:01:30,660 --> 00:01:35,640 And also here, if you want to access this product details, then you have to master as a locked in. 33 00:01:35,760 --> 00:01:39,390 If you want to defining it, then you have to do we have to add another class. 34 00:01:39,870 --> 00:01:41,340 I think you've all remember it. 35 00:01:41,340 --> 00:01:43,970 So that is one of the class and mixed in area. 36 00:01:44,430 --> 00:01:56,420 So from our triangle, from the Django, there is a country Cantrip and then the Ord and then our mixin 37 00:01:57,720 --> 00:01:59,040 so from the mixin. 38 00:01:59,040 --> 00:02:06,060 I want to do an import import our logging we could make since I just simply defended the locking required 39 00:02:08,310 --> 00:02:10,480 mixing as a mixed in. 40 00:02:10,530 --> 00:02:14,490 OK, so here you have to defining it as a locking record, mixed use. 41 00:02:14,490 --> 00:02:16,440 So now we have to, we have to also defining it. 42 00:02:16,980 --> 00:02:22,150 So I just simplify the locking record mixing and then our little view. 43 00:02:22,410 --> 00:02:26,740 So now here I want to do and to define our model. 44 00:02:26,760 --> 00:02:28,370 So that is our model. 45 00:02:29,010 --> 00:02:31,140 So this will be as a product model. 46 00:02:31,150 --> 00:02:34,870 So I have already import our models in the model import products. 47 00:02:34,880 --> 00:02:37,890 So with this product, I want to define all the template name. 48 00:02:39,750 --> 00:02:40,100 Right. 49 00:02:40,110 --> 00:02:41,450 There is a template name here. 50 00:02:41,460 --> 00:02:47,400 We have to load our template that I have created at the app shop, simply the app shop here. 51 00:02:47,400 --> 00:02:52,200 I have defined what I have already created on that page as a product. 52 00:02:52,260 --> 00:02:53,280 It is html 53 00:02:57,090 --> 00:03:01,560 product under detail dot sml. 54 00:03:02,190 --> 00:03:02,550 Right. 55 00:03:02,850 --> 00:03:07,140 And now also for access this page, we have to create the new order. 56 00:03:07,260 --> 00:03:09,920 That means you know what, app shop into the app Shell. 57 00:03:09,930 --> 00:03:11,430 If you go to that you are here. 58 00:03:11,430 --> 00:03:13,140 We have two different data, the path. 59 00:03:13,770 --> 00:03:16,840 So I just simply copied and it will be as a product. 60 00:03:18,750 --> 00:03:20,040 OK, just name it as a product. 61 00:03:20,040 --> 00:03:23,630 And as I told you, every product that has all the specific idea. 62 00:03:23,630 --> 00:03:23,850 Right. 63 00:03:23,860 --> 00:03:28,500 So we have to also get that things with the specific on the idea for the regions here. 64 00:03:28,500 --> 00:03:34,680 I define as a picture that means the primary key and then in our views into the views area, I have 65 00:03:34,680 --> 00:03:36,360 already found about class. 66 00:03:36,360 --> 00:03:37,940 So that is our product details. 67 00:03:37,940 --> 00:03:43,350 So now I just simply define our product details as view and I just name it as a product. 68 00:03:43,350 --> 00:03:46,750 Details, product and detail. 69 00:03:46,980 --> 00:03:50,570 OK, so this step up, one of the name I have defined for a specific spot. 70 00:03:50,850 --> 00:03:52,770 So now I want to do want to put that link. 71 00:03:52,770 --> 00:03:55,800 I want to put that link in our home page in our title area. 72 00:03:55,800 --> 00:03:56,690 That means here. 73 00:03:56,700 --> 00:03:58,980 So that is in our form. 74 00:03:59,130 --> 00:04:04,710 That means if you go to our home and here you can define our product name that the product memory. 75 00:04:04,710 --> 00:04:06,390 I have to define our DC model. 76 00:04:08,430 --> 00:04:17,400 So I just simply defined as you or tell you what will be in our app apps up into the app shop app shop 77 00:04:17,400 --> 00:04:18,420 into that area. 78 00:04:18,420 --> 00:04:23,580 I have defined the name of the product details, so now I just simply define our product details. 79 00:04:23,790 --> 00:04:26,370 And also after that we have to define our idea. 80 00:04:26,370 --> 00:04:27,510 That is our primary key. 81 00:04:27,510 --> 00:04:27,860 Right. 82 00:04:27,870 --> 00:04:33,990 So this primary key, I have to define this after this idea to simplify the picture, that means our 83 00:04:33,990 --> 00:04:34,770 primary key. 84 00:04:34,770 --> 00:04:36,610 Our primary key will be right now. 85 00:04:36,630 --> 00:04:38,310 I'm already involved for Loop. 86 00:04:38,310 --> 00:04:40,530 I have to get all the data with this product. 87 00:04:41,040 --> 00:04:45,300 So now with this product, I want to do to define our this primary kid. 88 00:04:45,330 --> 00:04:47,000 So I just simply defined as a picture. 89 00:04:47,240 --> 00:04:52,500 OK, now if you click the save all and now if you refresh that base. 90 00:04:54,050 --> 00:04:58,820 And now if you put your counsel, you can see snowshoeing as a poor duck and the five bidi, so that 91 00:04:58,820 --> 00:05:00,210 is already there. 92 00:05:00,230 --> 00:05:00,410 They are. 93 00:05:01,280 --> 00:05:04,010 And there are two Aidy and also that is already right. 94 00:05:04,140 --> 00:05:06,140 And I hope you will understand about it. 95 00:05:06,150 --> 00:05:12,830 So now with this specific sequence to Dili, I want to get all the data and visibility in our protected 96 00:05:12,950 --> 00:05:13,380 space. 97 00:05:13,880 --> 00:05:16,910 That means I have created our product details so that they are protected. 98 00:05:17,510 --> 00:05:20,130 So here, first of all, we have to do we have to extend it right. 99 00:05:20,150 --> 00:05:22,310 So here we have to extend. 100 00:05:24,050 --> 00:05:32,110 So we have to extend our beedis HTML e-mail and then also we have to define our body blog. 101 00:05:33,380 --> 00:05:41,350 So that means our blog is Blah blog will be as a body like body and it is called blog. 102 00:05:41,360 --> 00:05:43,460 And also we have to end this blog. 103 00:05:44,110 --> 00:05:49,010 So just simply define art and blog and blog. 104 00:05:49,020 --> 00:05:50,130 So that is around blog. 105 00:05:50,480 --> 00:05:54,790 So now here, if you want to do if you want to display your all that product details. 106 00:05:54,800 --> 00:05:58,760 So here in our view, say, boss, I didn't pass anything. 107 00:05:58,760 --> 00:06:03,980 So when you didn't pass anything automatically, you'd still be get all the data with the following 108 00:06:03,980 --> 00:06:05,730 of the object as the object. 109 00:06:05,750 --> 00:06:08,240 OK, so here I can use it. 110 00:06:08,240 --> 00:06:11,830 Like I show you, I have already discussed about the things we do. 111 00:06:11,840 --> 00:06:13,940 It shall be as an object. 112 00:06:14,280 --> 00:06:15,940 So I just simply defined as the object. 113 00:06:15,950 --> 00:06:19,160 And with this object I want to do and to display our name. 114 00:06:19,700 --> 00:06:26,420 That means if you go to our app shop into the app shop, if you go to our model into the model area, 115 00:06:26,420 --> 00:06:28,820 I define that our product name as a name. 116 00:06:28,880 --> 00:06:29,170 Right. 117 00:06:29,210 --> 00:06:30,720 That is our field name as a name. 118 00:06:30,740 --> 00:06:36,330 So now if you access that name, say to somebody, find that name, now click to save all. 119 00:06:37,220 --> 00:06:42,160 Now if you refresh it now, that is actually our product. 120 00:06:42,180 --> 00:06:43,430 That is our identifier. 121 00:06:43,460 --> 00:06:45,240 So that is what programming is thinking. 122 00:06:45,260 --> 00:06:46,810 So now think on here. 123 00:06:47,090 --> 00:06:47,740 Yes. 124 00:06:47,750 --> 00:06:51,530 You can see it's not perfectly the key to our product with our five ideas. 125 00:06:51,770 --> 00:06:53,930 And also it's not showing our product name. 126 00:06:54,110 --> 00:06:54,480 Right. 127 00:06:54,710 --> 00:06:57,050 So now we have to do we have to customize it. 128 00:06:57,060 --> 00:07:02,030 So here I want to do and to display our everything with little bit some basic design. 129 00:07:02,050 --> 00:07:05,240 So here I want to apply some of the design for this space. 130 00:07:05,270 --> 00:07:06,850 OK, so right now I just remove it. 131 00:07:07,460 --> 00:07:10,100 So here, first of all, that is our body. 132 00:07:10,340 --> 00:07:13,050 And Peter, I take it on here and here. 133 00:07:13,100 --> 00:07:20,900 Take one that Dave and I just define the day of the class as a container, OK, container and then my 134 00:07:20,900 --> 00:07:21,490 five. 135 00:07:21,600 --> 00:07:24,290 So just simply defined as the container in my class. 136 00:07:24,680 --> 00:07:28,850 And then also I take another Dave and define that Dave class as a card. 137 00:07:29,630 --> 00:07:35,680 So which I have already created the our class and then I define another one as a role. 138 00:07:36,950 --> 00:07:45,380 So the idea I want to define actually like here, if we display our images and in particular that position, 139 00:07:45,380 --> 00:07:47,480 that is our another idea here. 140 00:07:47,510 --> 00:07:51,660 I want to define another column into the column idea on the display, our product, everything. 141 00:07:51,680 --> 00:07:56,470 OK, so for doing this that your call rule. 142 00:07:56,960 --> 00:07:59,390 So after this, I want to take another aside. 143 00:07:59,390 --> 00:08:00,830 So inside. 144 00:08:01,070 --> 00:08:05,810 So here in the essay area I define as a call s.m. 145 00:08:06,080 --> 00:08:13,640 OK, define the Colosseum as a five, so Colosseum five and then border the border will be an alright 146 00:08:13,640 --> 00:08:14,120 position. 147 00:08:14,130 --> 00:08:15,540 So just simply defined the right. 148 00:08:15,770 --> 00:08:16,110 OK. 149 00:08:16,130 --> 00:08:18,530 So that is actually one of the asset class I have defined. 150 00:08:18,530 --> 00:08:20,470 And then I defined the article. 151 00:08:22,370 --> 00:08:26,120 So under the article area I don't want to define some of the class. 152 00:08:26,150 --> 00:08:29,480 OK, we have to also create some of the class better. 153 00:08:29,480 --> 00:08:31,610 I just put that name as a gallery. 154 00:08:31,820 --> 00:08:33,350 Underscore what? 155 00:08:34,370 --> 00:08:40,450 So this step of one of the class we have to create and here I want to do I want to display our images. 156 00:08:40,460 --> 00:08:48,860 So after this, I take that Dave here and the name as the images and then big like that will be excises 157 00:08:48,860 --> 00:08:50,050 image as a verb. 158 00:08:50,990 --> 00:08:52,490 So it is simply defining it. 159 00:08:52,490 --> 00:08:54,420 And here I am to load our image. 160 00:08:54,440 --> 00:08:58,760 OK, so here, if you want to use it, I will put on the link. 161 00:08:58,760 --> 00:09:01,150 And also here I defend that image tag. 162 00:09:02,060 --> 00:09:03,650 Sorry, mistake will be. 163 00:09:03,740 --> 00:09:05,270 I think you already know about it. 164 00:09:05,280 --> 00:09:07,160 So here it will be as a media. 165 00:09:07,970 --> 00:09:14,230 So into the media area with our object we can actually display to display everything with this object. 166 00:09:15,530 --> 00:09:17,500 So just simply defined as object. 167 00:09:17,510 --> 00:09:24,710 So with this story, with this object, I want to do and define our image, name or image filename as 168 00:09:24,710 --> 00:09:25,540 a main image. 169 00:09:26,120 --> 00:09:31,100 So I just simply define our main image and after that also to define the style. 170 00:09:31,220 --> 00:09:36,600 That means I want to put out the white for this image and then it will be as actually big size so that 171 00:09:36,600 --> 00:09:41,360 it is style and they still area I want to define as a wide. 172 00:09:42,440 --> 00:09:45,860 So wide will be as whatever he wants. 173 00:09:45,870 --> 00:09:50,690 Right now I just 240 450 pixel perfect. 174 00:09:50,690 --> 00:09:53,030 So here I have defined our airside. 175 00:09:53,700 --> 00:10:00,600 So I say this and they don't hear right, so but I do find the article and then our asset and after 176 00:10:00,600 --> 00:10:05,400 this aside, I want to do undertake another one side, take another aside. 177 00:10:05,400 --> 00:10:13,010 So here after this, I defended the aside and he did the class before I have used I was called some 178 00:10:13,020 --> 00:10:15,450 FIPS right now and want to use another one. 179 00:10:15,450 --> 00:10:17,280 I want to use that Coliseum's seven. 180 00:10:17,680 --> 00:10:19,080 OK, so that will be as a seven. 181 00:10:19,080 --> 00:10:19,980 That means 12. 182 00:10:20,460 --> 00:10:21,000 Perfect. 183 00:10:21,000 --> 00:10:22,350 And in particular that position. 184 00:10:22,350 --> 00:10:26,870 I also find another article, so article. 185 00:10:27,060 --> 00:10:29,660 So a different of the another article class. 186 00:10:30,150 --> 00:10:33,300 So here we have to define another class, we have to create it. 187 00:10:33,310 --> 00:10:35,910 So I just simply name it as right now as a card. 188 00:10:36,600 --> 00:10:42,840 OK, card, it should be the card board and then I define as a B so I just simply define the P five 189 00:10:42,840 --> 00:10:48,240 and then I want to display our name that is in our history here. 190 00:10:48,240 --> 00:10:51,420 I define so in the class we have also created. 191 00:10:52,170 --> 00:10:58,110 I found the class as a as a title title P three. 192 00:10:58,240 --> 00:11:06,030 OK, so this type of one of the name I have defined and that here with this object, with this object 193 00:11:06,570 --> 00:11:08,900 I want to do, I want to display our name. 194 00:11:08,910 --> 00:11:10,180 That is our product name. 195 00:11:10,230 --> 00:11:16,440 OK, and so after that also I want to do and take on the paragraph then better side the front of the 196 00:11:16,440 --> 00:11:22,350 paragraph and with the paragraph Paideia I define the class status symbol, define the class and this 197 00:11:22,350 --> 00:11:26,440 class I define, I have to create it actually, so I just simplify the price. 198 00:11:26,490 --> 00:11:38,100 OK, so price details say just name it as a price detail as a warm OK and here, so here in particular 199 00:11:38,100 --> 00:11:40,140 that we want to do under different of this pen. 200 00:11:41,460 --> 00:11:44,070 OK, this symbol definitely span and the penalty. 201 00:11:44,140 --> 00:11:45,420 I define the class. 202 00:11:46,630 --> 00:11:54,930 So that is our class and this class I name it as a prize, a three prizes three takes a warning. 203 00:11:57,610 --> 00:11:59,580 OK, I just name it as a price text. 204 00:11:59,580 --> 00:12:02,640 Arny So there is a price details. 205 00:12:02,640 --> 00:12:04,080 There is a price tag. 206 00:12:04,080 --> 00:12:08,220 Thorning And here I want to take one that and I want to show our price actually. 207 00:12:08,230 --> 00:12:11,880 So I take another spin, I take another spin. 208 00:12:11,880 --> 00:12:21,030 And for this spin I define the class and this class, I name it as a currency, OK, currency will be 209 00:12:21,030 --> 00:12:23,510 as a USD and dollar. 210 00:12:24,300 --> 00:12:29,820 So here I want to define what they spend and also here on to display our price for the price. 211 00:12:29,820 --> 00:12:34,290 If you want to display, then you have to do we have to define another expense. 212 00:12:34,290 --> 00:12:35,850 I just better define another spin. 213 00:12:36,210 --> 00:12:37,830 And this is spin class. 214 00:12:39,510 --> 00:12:42,850 So here I define that class name will be as a number. 215 00:12:42,930 --> 00:12:47,460 OK, and then here I want to do and to display our object. 216 00:12:47,570 --> 00:12:51,830 So with this object, with this object, I want to display our price. 217 00:12:52,440 --> 00:12:54,540 That means if you go to our model. 218 00:12:55,530 --> 00:12:58,310 So our four main price actually name is the price. 219 00:12:58,360 --> 00:13:00,870 OK, and also we have to actually display our old price. 220 00:13:01,290 --> 00:13:08,420 So to simply define our main price and then the spend and then here our PAETEC, that means that is 221 00:13:08,430 --> 00:13:09,030 our PAETEC. 222 00:13:09,390 --> 00:13:13,890 And after that PAETEC, I want to display our description. 223 00:13:13,890 --> 00:13:17,930 So here, if you want to display, it's better I take one of the deal. 224 00:13:18,510 --> 00:13:21,890 OK, so I just stay behind the deal and for the deal class. 225 00:13:22,500 --> 00:13:26,130 So here I defend the class as it will be as the item property. 226 00:13:29,350 --> 00:13:37,360 OK, I property into the item property area I define with our debt, so DDT will be as a description, 227 00:13:39,490 --> 00:13:42,690 so description, our description will be visible on here. 228 00:13:42,700 --> 00:13:50,520 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. 229 00:13:51,280 --> 00:13:57,440 So here I define what the PAETEC and the Pittsburgh area under define our description. 230 00:13:57,610 --> 00:14:00,120 So description with our object. 231 00:14:00,700 --> 00:14:07,120 So if this object I to display our description to fill the time that with our details text. 232 00:14:07,430 --> 00:14:09,850 So here I just simply define our details. 233 00:14:09,850 --> 00:14:11,050 Text of a friend. 234 00:14:11,050 --> 00:14:16,810 And also after this we have to add on the button as part of our add to cart. 235 00:14:16,810 --> 00:14:21,430 So for the results after this, I take all the Hadith and the eleftheria. 236 00:14:21,430 --> 00:14:22,630 I define the class. 237 00:14:24,280 --> 00:14:29,680 It will be as a bit in between large and then between. 238 00:14:31,290 --> 00:14:42,840 Out, I want find the outline outline as a primary outline primary as a text so that your text will 239 00:14:42,840 --> 00:14:44,010 be as uppercase. 240 00:14:47,010 --> 00:14:48,960 OK, I just name it as a text. 241 00:14:48,960 --> 00:14:51,360 Albion's uppercase after this. 242 00:14:51,360 --> 00:14:51,760 Here. 243 00:14:52,260 --> 00:14:57,790 Here on the different of the far gone so far. 244 00:14:57,810 --> 00:14:59,880 PyCon I want to use it. 245 00:15:00,890 --> 00:15:06,860 That will be as they actually act to get Bigham so better shopping. 246 00:15:09,360 --> 00:15:12,420 So that is our shopping cart so I want to use it. 247 00:15:13,510 --> 00:15:19,390 So that it also encourages them to copy it now go here after this, I do find a shopping cart. 248 00:15:19,420 --> 00:15:20,320 We don't need this. 249 00:15:20,950 --> 00:15:22,150 I just simply removed it. 250 00:15:22,150 --> 00:15:28,210 And here after this and to display our article on the text, add to cart. 251 00:15:30,500 --> 00:15:32,380 OK, so just name it as a token. 252 00:15:32,380 --> 00:15:36,310 And after that, that is a word, a say just simply. 253 00:15:36,310 --> 00:15:43,750 And this year and then our article on our site and then our all the day. 254 00:15:44,170 --> 00:15:46,960 OK, so that is all that out there. 255 00:15:47,410 --> 00:15:52,900 There is a one or two and there is a three and there is our and look perfect. 256 00:15:53,410 --> 00:15:58,870 So friend here I have defined some of the building and also here I defend some of that class that we 257 00:15:58,870 --> 00:15:59,620 have to create. 258 00:15:59,650 --> 00:16:05,860 So now if you actually agree to save all here, I didn't create this all the success and I think that 259 00:16:05,870 --> 00:16:06,520 refresh. 260 00:16:07,030 --> 00:16:07,390 Yeah. 261 00:16:07,420 --> 00:16:11,370 Now, you showing actually like that there are images visible. 262 00:16:11,380 --> 00:16:13,780 That is our product title is Visible USD. 263 00:16:13,780 --> 00:16:17,280 That means the product price is visible, description is visible. 264 00:16:17,290 --> 00:16:19,810 OK, and also here I define the aquacade. 265 00:16:20,210 --> 00:16:25,180 That means here I define that to cut so that if I were to cut button is not perfectly. 266 00:16:25,420 --> 00:16:25,800 All right. 267 00:16:26,290 --> 00:16:29,760 So not here if you want to like this description area. 268 00:16:29,770 --> 00:16:35,430 So here if you want to add the description and here also to have one of the filter as a line breaks. 269 00:16:36,100 --> 00:16:37,230 So I want to use it. 270 00:16:37,270 --> 00:16:39,280 So that is our description. 271 00:16:39,280 --> 00:16:40,000 That is little. 272 00:16:40,960 --> 00:16:47,740 So after this, I want to do unto the front of the line and here the line and then break. 273 00:16:48,340 --> 00:16:53,290 OK, so there is a line text if you use that line, because then automatically, whatever the data you 274 00:16:53,650 --> 00:16:57,670 insert which way then instantly visible refresh it. 275 00:16:57,690 --> 00:17:01,140 You can see so perfectly visible everything on here. 276 00:17:01,420 --> 00:17:08,200 And also if you go to our home and or this product perfectly, you can see perfectly invisible. 277 00:17:08,200 --> 00:17:11,110 Our latest product name you is the description. 278 00:17:11,110 --> 00:17:15,640 And here also if you want to display that category, you can also defining it like that. 279 00:17:15,640 --> 00:17:18,440 Is our description better to do, undertake another one. 280 00:17:19,300 --> 00:17:28,660 So after this here, before that description, I take as a did the our description and also after this 281 00:17:28,660 --> 00:17:34,090 here, I want to do little display our category with this object. 282 00:17:35,650 --> 00:17:38,730 So with this object, I want to display our category. 283 00:17:38,730 --> 00:17:40,840 We feel that is actually our category. 284 00:17:40,870 --> 00:17:43,360 OK, so now I just simply define that category. 285 00:17:43,990 --> 00:17:51,400 Now if you click the save all and now to refresh it, yeah, it consists of perfectly display our categories 286 00:17:51,410 --> 00:17:55,000 so better I want to do how to display it as a category name. 287 00:17:57,610 --> 00:17:58,870 Category name. 288 00:17:59,170 --> 00:17:59,480 OK. 289 00:17:59,620 --> 00:18:05,230 And also I want to make that things as bold, so bitter. 290 00:18:05,260 --> 00:18:09,590 I want to do and define as a bold, you know, bold area. 291 00:18:09,610 --> 00:18:15,100 I just simply added and also after this, I want to define some of the bracket. 292 00:18:15,340 --> 00:18:22,870 OK, I was simplifying to of this bracket because I save all a freshet. 293 00:18:22,930 --> 00:18:23,280 Yeah. 294 00:18:23,290 --> 00:18:24,840 You can see it's not perfectly visible. 295 00:18:24,850 --> 00:18:28,860 Our category, the category name and also showing our category. 296 00:18:28,870 --> 00:18:29,220 Right. 297 00:18:29,760 --> 00:18:36,760 So better I take one because I save all the freshet. 298 00:18:36,760 --> 00:18:37,090 Yeah. 299 00:18:37,090 --> 00:18:38,110 The regular category. 300 00:18:38,440 --> 00:18:43,540 And also here if you want to change it, that means the change the color better here. 301 00:18:43,540 --> 00:18:45,310 I want to turn to different the font. 302 00:18:46,760 --> 00:18:54,670 OK, font color and for these font color I want to define as red and also we have to do we have to finish 303 00:18:54,670 --> 00:18:55,360 this font. 304 00:18:56,230 --> 00:18:58,510 So I just simply defined as a font. 305 00:18:58,630 --> 00:19:01,570 OK, so just simply finish it now. 306 00:19:01,570 --> 00:19:03,030 It's will become red actually. 307 00:19:03,040 --> 00:19:05,020 So be a little bit calibrated then. 308 00:19:05,020 --> 00:19:06,840 This is everything is looking same. 309 00:19:07,210 --> 00:19:07,540 Yeah. 310 00:19:07,540 --> 00:19:12,220 You can see it's not perfectly showing our category name as our teacher that this is actually our teacher 311 00:19:12,220 --> 00:19:14,850 category products for the reasons it's not showing as a teacher. 312 00:19:14,890 --> 00:19:21,550 OK, and also if you want to display or another one, if you go to that model into the model, that 313 00:19:21,550 --> 00:19:22,450 is our preview text. 314 00:19:22,450 --> 00:19:22,680 Right. 315 00:19:22,690 --> 00:19:27,550 So if you also want to display the text, you can displayed so better. 316 00:19:28,030 --> 00:19:29,390 So we just like that same. 317 00:19:29,410 --> 00:19:34,540 And after this, after this, Dave here, I want to paste it, first of all, to check it. 318 00:19:34,540 --> 00:19:36,700 Everything is perfectly working on not. 319 00:19:37,750 --> 00:19:38,950 Absolutely fresh. 320 00:19:39,370 --> 00:19:46,830 Yeah, because after this action is visible now, better after this attack on some of the bracket there, 321 00:19:46,960 --> 00:19:50,620 little bit better, say, just simply defined. 322 00:19:50,620 --> 00:19:51,500 So the bracket. 323 00:19:51,520 --> 00:19:54,280 OK, so this will be our price better. 324 00:19:54,310 --> 00:20:00,940 I want to do I want to show our short description that our preview takes into the pivot, takes on the 325 00:20:00,940 --> 00:20:04,970 display down here, and then it'll be our little steaks, right? 326 00:20:05,570 --> 00:20:10,420 No, I just clear the table now if you refresh it. 327 00:20:10,660 --> 00:20:11,010 Yeah. 328 00:20:11,020 --> 00:20:15,250 Because it's not showing our preview text add to cart and that is our description. 329 00:20:15,250 --> 00:20:20,680 So for description, I want to do here the description. 330 00:20:20,680 --> 00:20:20,950 Right. 331 00:20:20,980 --> 00:20:22,630 So I just simply copy it. 332 00:20:23,260 --> 00:20:28,930 And after this I take as a description and here and make that as a short description. 333 00:20:29,890 --> 00:20:31,030 Short description. 334 00:20:33,620 --> 00:20:40,260 So we the short description now, let's check this out, if not clear, to save all of receipt. 335 00:20:40,460 --> 00:20:41,630 Yeah, because it's not perfect. 336 00:20:41,630 --> 00:20:46,210 Now showing us a short description and that is our description is visible. 337 00:20:46,260 --> 00:20:51,260 OK, and also after that category, I want to add on to the bracket. 338 00:20:51,260 --> 00:20:56,420 So whatever you want, actually, I think you can well understand about it what exactly the things I 339 00:20:56,420 --> 00:20:57,250 did on here. 340 00:20:57,650 --> 00:21:04,940 So after this category name, that means after this category name I want to put on the bracket. 341 00:21:04,940 --> 00:21:09,830 So here I take another bracket clear to save all the freesheet. 342 00:21:09,830 --> 00:21:10,300 Perfect. 343 00:21:10,610 --> 00:21:14,380 So now everything is working so that your description is visible. 344 00:21:14,390 --> 00:21:15,350 That is all up to code. 345 00:21:15,350 --> 00:21:20,420 What is possible, that is our product name is visible product prize category. 346 00:21:20,420 --> 00:21:21,230 Name is visible. 347 00:21:21,230 --> 00:21:22,550 Short description is visible. 348 00:21:23,120 --> 00:21:24,110 Go here. 349 00:21:24,110 --> 00:21:25,490 There is already another product. 350 00:21:25,970 --> 00:21:30,170 Go here that is are added to the description is visible. 351 00:21:30,170 --> 00:21:33,080 Add to cart shot description and everything is perfect. 352 00:21:33,700 --> 00:21:36,070 OK, so now we are ready to add to cart. 353 00:21:36,080 --> 00:21:40,360 These products are now in our next video list because about that add to cart and order process. 354 00:21:40,370 --> 00:21:45,320 So from here if you want to add to cart this product products will be the key to our disaster area. 355 00:21:45,590 --> 00:21:46,490 So we can do that. 356 00:21:46,490 --> 00:21:49,840 Working on next video, I will show you that things with a live example. 357 00:21:50,180 --> 00:21:51,680 So thanks for watching. 358 00:21:51,700 --> 00:21:53,390 I will see you in the next video.