1 00:00:00,660 --> 00:00:01,350 Welcome back. 2 00:00:02,010 --> 00:00:08,220 Now, what they need to do is that they need to take the user through this single product page whenever 3 00:00:08,220 --> 00:00:09,600 they click on Buy now. 4 00:00:09,960 --> 00:00:17,190 So, for example, if the user is interested in buying this bag, then they would click on buy now and 5 00:00:17,190 --> 00:00:25,050 while clicking on Buy Now we want to take them to the single product page where we will display only 6 00:00:25,200 --> 00:00:28,290 that specific product and more information about that product. 7 00:00:28,730 --> 00:00:32,070 And from there, they can add it to CART. 8 00:00:32,640 --> 00:00:38,370 So first, the first step is that we need to convert the single product page into page. 9 00:00:38,940 --> 00:00:45,180 So I'm going to here rename this file and then I'm going to see single product dot BHP. 10 00:00:45,810 --> 00:00:48,500 So the file is no longer an email file. 11 00:00:48,510 --> 00:00:56,040 So now this single product that BHP is and it is obviously an HD is obviously a B2B file. 12 00:00:57,750 --> 00:01:02,190 The second step is that we need to add link to the button. 13 00:01:02,700 --> 00:01:07,030 So this button, I'm going to add a tag and I'm going to surround it with eight. 14 00:01:07,110 --> 00:01:08,690 I'm going to surround it with eight. 15 00:01:09,360 --> 00:01:10,860 So I'm going to copy the attack. 16 00:01:11,160 --> 00:01:13,080 I'm going to copy the the button. 17 00:01:13,590 --> 00:01:15,990 And then I'm going to exit inside the attack. 18 00:01:17,760 --> 00:01:20,090 And then I'm going to give this attack a try. 19 00:01:20,130 --> 00:01:20,710 I'm going to say it. 20 00:01:21,930 --> 00:01:25,320 So the ref is going to be equal to single. 21 00:01:26,130 --> 00:01:26,880 Single. 22 00:01:28,090 --> 00:01:28,930 Underscore. 23 00:01:31,000 --> 00:01:31,630 Product. 24 00:01:34,230 --> 00:01:35,400 Products. 25 00:01:37,130 --> 00:01:41,360 That beautiful lady save and leaning head on over to the Rousing Illini. 26 00:01:41,360 --> 00:01:42,440 Click on one of these button. 27 00:01:42,450 --> 00:01:47,000 So if you click on Buy Button, it should take me to the single product. 28 00:01:47,570 --> 00:01:53,270 But if I click on the second product, it's going to take me to the same exact page and it's going to 29 00:01:53,270 --> 00:01:58,850 display another it's going to display the first product and if it click on the third. 30 00:01:59,990 --> 00:02:04,340 The third product is going to take me to the same page and is going to display the first product. 31 00:02:04,350 --> 00:02:09,980 And obviously this is not dynamic because we are displaying now a static code. 32 00:02:09,980 --> 00:02:15,410 So we need to make the process dynamic and then we need to display the correct product. 33 00:02:15,800 --> 00:02:18,440 If we click on buy now, so how can we do that? 34 00:02:18,800 --> 00:02:28,670 To do that, we need to say we need to say in the entries, we need to add to your question mark and 35 00:02:28,670 --> 00:02:33,140 then product product ID. 36 00:02:35,360 --> 00:02:38,810 Underscore I.D. is equal to. 37 00:02:38,810 --> 00:02:40,970 And then we need to get that I.D. from each piece. 38 00:02:40,970 --> 00:02:43,040 I'm going to say here, each p. 39 00:02:44,200 --> 00:02:58,360 And then I'm going to say Echo and then I'm going to say product, rah rah and then product lady. 40 00:03:00,340 --> 00:03:01,390 Products. 41 00:03:04,830 --> 00:03:05,970 Many was this? 42 00:03:09,040 --> 00:03:12,580 Product underscore and then semicolon. 43 00:03:13,060 --> 00:03:14,830 So where did they get this product? 44 00:03:15,400 --> 00:03:16,690 Where do they get this draw from? 45 00:03:16,990 --> 00:03:19,900 This is obviously from this loop and product. 46 00:03:19,930 --> 00:03:27,660 It is the idea of the product because if you check the database one more time, you will find that the 47 00:03:27,780 --> 00:03:28,840 the product stable. 48 00:03:28,840 --> 00:03:37,840 If you go to the product label, you should find that it is the colon for the it is is a product and 49 00:03:37,840 --> 00:03:38,350 their score. 50 00:03:38,680 --> 00:03:44,680 So again, if I go to the products table, we have product underscore I.D. so we can use this product 51 00:03:45,460 --> 00:03:53,050 and you can instead of doing this, which is a little tricky, you can actually copy this and remove 52 00:03:53,050 --> 00:03:56,080 it from here and then you can add it in the echo. 53 00:03:56,110 --> 00:03:57,460 So you can add it to your echo. 54 00:03:58,180 --> 00:03:58,750 And here. 55 00:04:00,240 --> 00:04:06,420 Double cross and then your double cross and then dot, dot and then draw product. 56 00:04:07,440 --> 00:04:08,610 This is also going to work. 57 00:04:08,610 --> 00:04:11,190 So there are two versions you can use. 58 00:04:11,190 --> 00:04:14,310 The first version that they have showing you or this version. 59 00:04:14,940 --> 00:04:16,110 Let me sleep and let me test. 60 00:04:17,070 --> 00:04:21,450 So this should take you this should take you again to the. 61 00:04:22,500 --> 00:04:24,480 Do they product to the product. 62 00:04:24,660 --> 00:04:29,370 To the single product page that I'm going to click on buy now and it's going to take me to the product 63 00:04:30,120 --> 00:04:30,390 page. 64 00:04:30,390 --> 00:04:31,920 But now guess what? 65 00:04:32,430 --> 00:04:36,690 Now in the browser we have here the product ID in the you are l. 66 00:04:37,620 --> 00:04:39,180 So why did they pass the product? 67 00:04:39,510 --> 00:04:46,470 The reason is because by bypassing the product ID, they will be able to get the correct product information 68 00:04:46,470 --> 00:04:48,780 and display the product here. 69 00:04:49,350 --> 00:04:53,970 So if I click on the second product, they should get product that is equal to two. 70 00:04:54,990 --> 00:05:01,020 If I click on the third product, it's going to say here product area is equal to three. 71 00:05:01,380 --> 00:05:02,370 So now it worked. 72 00:05:02,370 --> 00:05:07,800 And the next step is that we need to use this product ID to get the product information and display 73 00:05:07,950 --> 00:05:11,850 display product information and instead of displaying the static site.