1 00:00:00,960 --> 00:00:01,650 Welcome back. 2 00:00:02,250 --> 00:00:08,970 Now, what we need to do is that we need to go through the single product page whenever we click on 3 00:00:09,270 --> 00:00:11,190 one of these products. 4 00:00:11,220 --> 00:00:17,550 So, for example, if I click on this product, I should go to the to the single product page in order 5 00:00:17,550 --> 00:00:19,860 to check out this specific product. 6 00:00:20,280 --> 00:00:21,660 So how can we accomplish this? 7 00:00:21,660 --> 00:00:22,530 How can we do this? 8 00:00:23,160 --> 00:00:32,400 To do this, first, we need to open up the shop, the index, because this this page is the this page 9 00:00:32,550 --> 00:00:33,570 is actually the shop. 10 00:00:34,200 --> 00:00:41,850 So I'm going to open up the shop page the shop, and then in the shop page, remember, we have products 11 00:00:42,300 --> 00:00:43,200 we have here. 12 00:00:44,640 --> 00:00:47,040 We have so many products. 13 00:00:47,430 --> 00:00:52,860 So I'm going to apply this to one product and then we can repeat the same thing to all products. 14 00:00:53,250 --> 00:00:56,250 So let's, let's do this through the first product. 15 00:00:56,550 --> 00:00:58,050 So the first product is this one. 16 00:00:59,330 --> 00:01:00,020 Is. 17 00:01:01,280 --> 00:01:02,750 Is this product? 18 00:01:03,800 --> 00:01:05,270 This product. 19 00:01:06,880 --> 00:01:08,620 Let me show you where it is. 20 00:01:09,520 --> 00:01:12,550 It starts from this project. 21 00:01:12,550 --> 00:01:13,750 So it starts from here. 22 00:01:14,410 --> 00:01:15,370 It starts from here. 23 00:01:16,180 --> 00:01:24,460 So in order to go to another page from from upon clicking on this, we should have a trace. 24 00:01:24,790 --> 00:01:27,130 But here we don't have a trip. 25 00:01:27,130 --> 00:01:37,720 So how can we how can we we go from this dev to the to the single product page. 26 00:01:38,140 --> 00:01:42,160 Well, we can here add on click event. 27 00:01:42,580 --> 00:01:47,710 So here what I'm going to do is that I'm going to say on click. 28 00:01:49,320 --> 00:01:52,390 On click and then on click. 29 00:01:52,410 --> 00:01:58,920 What I'm going to do is that I'm going to say I'm going to say here window. 30 00:02:00,770 --> 00:02:02,750 Hot location. 31 00:02:04,160 --> 00:02:17,330 That actress, and then the actress is going to be equal to single quotes and then single underscore. 32 00:02:18,870 --> 00:02:19,110 Right. 33 00:02:21,770 --> 00:02:25,310 That's the email and then semicolon. 34 00:02:25,580 --> 00:02:26,180 That's it. 35 00:02:26,210 --> 00:02:26,690 Now. 36 00:02:27,880 --> 00:02:31,990 If I click on Save All and heading over back to the browser. 37 00:02:32,470 --> 00:02:35,530 Let me refresh lady now click on the first product. 38 00:02:35,530 --> 00:02:42,190 So if I click on it, as you can see, it's going to take me to the single product page so it works 39 00:02:42,190 --> 00:02:42,800 successfully. 40 00:02:43,180 --> 00:02:48,160 Now you can apply the same exact thing to all other products that we have.