1 00:00:00,210 --> 00:00:01,830 Hello, friend, welcome back. 2 00:00:02,010 --> 00:00:07,650 In a previous video, we successfully insert our slider, right, so I don't have the one slider. 3 00:00:07,650 --> 00:00:14,310 So here that you can actually insert that slider now and want to get this slider data and I want the 4 00:00:14,310 --> 00:00:15,660 visible lead on here. 5 00:00:15,910 --> 00:00:18,780 OK, so you can to do that work, first of all. 6 00:00:18,780 --> 00:00:20,760 But I want to actually updated this part here. 7 00:00:20,760 --> 00:00:22,870 I want to add some of the white for DTD. 8 00:00:22,920 --> 00:00:26,760 So that is, you know, our create not to create. 9 00:00:26,760 --> 00:00:28,010 So here I remove it. 10 00:00:28,440 --> 00:00:31,050 So that is our slider and the slider. 11 00:00:31,050 --> 00:00:32,160 That is our index based. 12 00:00:32,160 --> 00:00:32,480 Right. 13 00:00:33,060 --> 00:00:35,820 So that is actually all the DOTD. 14 00:00:36,210 --> 00:00:40,620 So I want to do and actually put some of the white a little bit better. 15 00:00:40,650 --> 00:00:42,240 I want to pull some of the white. 16 00:00:44,580 --> 00:00:52,280 OK, pull some of the white and this one I make it as a five percent, I shall be the five percent here. 17 00:00:52,290 --> 00:00:58,330 I want to do want to make it as a like as a 15 percent like no. 18 00:00:59,040 --> 00:01:02,450 OK, make it as a 15 percent, 15 percent for everyone. 19 00:01:03,550 --> 00:01:07,540 Because this wall now refresh it. 20 00:01:08,810 --> 00:01:16,010 Yeah, it's pretty bad, all right, so that is a clever emails, title description, images visible, 21 00:01:16,010 --> 00:01:17,720 and that is our action. 22 00:01:17,770 --> 00:01:21,230 OK, so also you can actually increase it description. 23 00:01:21,240 --> 00:01:23,060 I want to make it as a twenty five percent. 24 00:01:24,650 --> 00:01:25,590 Twenty five percent. 25 00:01:25,610 --> 00:01:26,510 Now, let's check this out. 26 00:01:26,540 --> 00:01:27,950 We got to save all. 27 00:01:29,370 --> 00:01:35,220 Refresh it, yeah, it's pretty good, so now, Fred, I don't want to insert another one click of the 28 00:01:35,220 --> 00:01:43,520 F slider, I maybe there's a slider too slider named Image to put on the description. 29 00:01:44,130 --> 00:01:49,170 I copy some of the description and I want to put it on here. 30 00:01:49,180 --> 00:01:51,360 That will be the slider image, too. 31 00:01:52,170 --> 00:01:57,860 And I want to choose some of the other inmates I want to choose like this one. 32 00:01:58,740 --> 00:02:04,740 OK, my rather than I choose this one because open the submit. 33 00:02:06,380 --> 00:02:12,620 Yeah, you can see, homeslice, there is Slider's inside successful the slider name as a tool, that 34 00:02:12,620 --> 00:02:15,620 is our description images and also action. 35 00:02:16,070 --> 00:02:21,000 So right now here we successfully insert this data and also use cyclosporine inserted in our database. 36 00:02:21,000 --> 00:02:25,400 So now to the of visibility on the visible lead in our team's home base. 37 00:02:25,730 --> 00:02:26,070 Right. 38 00:02:26,390 --> 00:02:31,370 So if you want to visible that homepage right now, that is the little things you have to remember. 39 00:02:31,700 --> 00:02:36,640 Like if you go to our right out into the crowd, I have loaded our home base. 40 00:02:36,650 --> 00:02:39,640 You can see I have loaded our return home base. 41 00:02:39,650 --> 00:02:46,550 So if you go to our return home base, that means that is actually our view and the view and that is 42 00:02:46,550 --> 00:02:47,360 our home base. 43 00:02:47,840 --> 00:02:50,060 But our slider is not here. 44 00:02:50,180 --> 00:02:50,510 Right. 45 00:02:50,600 --> 00:02:53,980 And you can see our slider is not in particular that position. 46 00:02:54,410 --> 00:03:00,620 So here I have already admitted that part like here that is are all the paint content part. 47 00:03:00,620 --> 00:03:00,890 Right. 48 00:03:00,920 --> 00:03:03,640 So after that slider, that is actually our content. 49 00:03:04,130 --> 00:03:06,860 So our content part I have included into the home. 50 00:03:07,190 --> 00:03:12,740 But for the slider, I have already defined that things in our layout into the body and the body. 51 00:03:12,740 --> 00:03:15,830 So into the body here you can see that is actually our slider. 52 00:03:16,070 --> 00:03:16,450 Right. 53 00:03:16,820 --> 00:03:20,460 So now I want to do I don't actually have to do a lot to get this data. 54 00:03:20,480 --> 00:03:27,020 So if you want to get this data in appropriate this space, then you can get it by in particular that 55 00:03:27,020 --> 00:03:27,620 area. 56 00:03:27,770 --> 00:03:29,490 OK, so here you don't need to pass it. 57 00:03:29,510 --> 00:03:33,470 So before I get all the data and pass that things into the home base. 58 00:03:33,740 --> 00:03:36,460 But this slider is totally different than other base. 59 00:03:36,920 --> 00:03:38,390 So here I include it. 60 00:03:38,480 --> 00:03:43,490 So right now I don't actually get this our data base data from our database. 61 00:03:43,490 --> 00:03:48,560 And I want the visibility on here so you can do that or you can actually put that command in particular 62 00:03:48,560 --> 00:03:49,400 that area. 63 00:03:49,730 --> 00:03:51,490 How much easily you can do that work. 64 00:03:51,500 --> 00:03:55,840 I show you here I take one of the PSU blog and I want to do the NDP. 65 00:03:55,970 --> 00:03:59,460 We blog that in the and and the PSP. 66 00:03:59,480 --> 00:04:03,650 So right now we are using the blade template as a tool to friendly to the blade template. 67 00:04:03,650 --> 00:04:07,070 If you use the PSP code, you have to write these things like that way. 68 00:04:07,580 --> 00:04:09,950 So now our command will be just like that. 69 00:04:10,190 --> 00:04:16,810 So before we did the same things, in particular that area right now, and to do the same things appropriate, 70 00:04:16,820 --> 00:04:17,450 this page. 71 00:04:17,490 --> 00:04:20,800 OK, here, I want to load this data and I want the visibility on here. 72 00:04:21,440 --> 00:04:29,120 So for the business here on the different take on the variable as the sliders and then I take as a DB, 73 00:04:29,390 --> 00:04:35,060 I am using that actually builders with this DB the table, our table name from which table you want 74 00:04:35,060 --> 00:04:35,980 to get this data. 75 00:04:36,320 --> 00:04:39,760 I want to get this data from our this slider table. 76 00:04:40,100 --> 00:04:43,400 So now I copy that slide a table and now here it added. 77 00:04:43,700 --> 00:04:49,210 OK, so from the baby table I get this data and want to get this data from slide the table. 78 00:04:49,640 --> 00:04:51,880 So now I want to get all the data. 79 00:04:51,890 --> 00:04:53,170 So that is all data. 80 00:04:53,660 --> 00:04:56,870 So I get all the data and take the things with this variable. 81 00:04:56,990 --> 00:04:57,370 Right. 82 00:04:57,380 --> 00:04:59,640 So now I want to do on the four digit. 83 00:04:59,660 --> 00:05:05,960 OK, that means that countries are all that slightly static data as a slider, one, two and three, 84 00:05:06,260 --> 00:05:13,700 so that often I only want to take one, OK, because here I want to for loop it so I remove it and that 85 00:05:13,700 --> 00:05:14,510 is our one. 86 00:05:14,840 --> 00:05:17,960 OK, so first of all, I want to do want to add on the for loop. 87 00:05:17,960 --> 00:05:23,470 I think you already know about it at the forehead and with the foreach area. 88 00:05:23,480 --> 00:05:27,200 I have to do I have to take it that means our variable as a slider's. 89 00:05:27,200 --> 00:05:27,600 Right. 90 00:05:27,860 --> 00:05:31,590 So I have already get all the data and take the things with this variable. 91 00:05:31,610 --> 00:05:40,250 So now I want to do want to add it and also make sure you added that mean and ask for it and for it. 92 00:05:40,420 --> 00:05:42,460 OK, so now into the slider. 93 00:05:42,470 --> 00:05:46,610 I name it as as, as one of the name you actually choose. 94 00:05:46,610 --> 00:05:50,810 I named as the slider slider. 95 00:05:50,810 --> 00:05:51,230 Slider. 96 00:05:51,230 --> 00:05:56,450 OK, so now with the slider, I want to do all the visible or everything with the slider around the 97 00:05:56,450 --> 00:05:57,740 visible title. 98 00:05:57,920 --> 00:06:03,900 So here if you want the visible the title with the slider or filename, that means our database will 99 00:06:03,920 --> 00:06:09,970 name Yapta and our database will name as the title title description and the image. 100 00:06:09,990 --> 00:06:10,310 Right. 101 00:06:10,730 --> 00:06:13,040 So now I to do and use that as a title. 102 00:06:14,060 --> 00:06:18,200 So that will be at the title and also to visible our description. 103 00:06:18,770 --> 00:06:21,950 So it'll be just like the same with this slider. 104 00:06:21,950 --> 00:06:27,030 I want to use our database, we name our database, we name is a description. 105 00:06:27,050 --> 00:06:27,350 Right. 106 00:06:27,590 --> 00:06:34,460 So now I want to do and we add this description, that means that will be as a description, that will 107 00:06:34,460 --> 00:06:35,420 be as a description. 108 00:06:35,660 --> 00:06:37,180 And then that is our image. 109 00:06:37,180 --> 00:06:40,580 Just so images will be also just like that same. 110 00:06:40,640 --> 00:06:42,520 But right now the background. 111 00:06:42,530 --> 00:06:48,530 So if you use that background, so you have the added into the asset area, so do the asset before that 112 00:06:48,550 --> 00:06:49,660 was actually our image. 113 00:06:50,060 --> 00:06:52,130 So now I want to do with this slider. 114 00:06:52,130 --> 00:06:56,170 I want to use our database filename or database filename as the image. 115 00:06:56,600 --> 00:06:57,010 Right. 116 00:06:57,410 --> 00:06:59,420 So now here we have to do we have to add it. 117 00:06:59,420 --> 00:07:02,260 So that is actually our database will name as an image. 118 00:07:02,690 --> 00:07:04,830 So now I to do want to use this image, OK. 119 00:07:05,460 --> 00:07:10,430 So right now, we are using the background image so that it can evolve into the world type. 120 00:07:10,440 --> 00:07:15,530 Here you have to add that asset and here you have to display your image like that way. 121 00:07:15,810 --> 00:07:16,390 Perfect. 122 00:07:16,410 --> 00:07:19,670 So now that's all you have to do now to save all. 123 00:07:20,520 --> 00:07:22,290 Now if you go. 124 00:07:22,500 --> 00:07:25,140 And now if you refresh it. 125 00:07:25,140 --> 00:07:26,880 So before that was the static data. 126 00:07:28,290 --> 00:07:35,130 Yes, you can see it now sort of the dynamics, so that is a dynamic that is visible, that is visible, 127 00:07:35,400 --> 00:07:39,630 and that is our description of everything actually comes from our display. 128 00:07:39,870 --> 00:07:40,830 That is our database. 129 00:07:40,830 --> 00:07:41,100 Right. 130 00:07:41,580 --> 00:07:46,320 So right now here one thing's for you can see that the fixed but right now they have the two images. 131 00:07:46,320 --> 00:07:48,800 So it should be like that, the two image. 132 00:07:49,080 --> 00:07:53,520 So here, if you want to make it as a slider, then you have to do we have to update these portions 133 00:07:53,520 --> 00:07:56,670 so that we the Kowsar there is, of course, are in there. 134 00:07:57,030 --> 00:08:04,260 And then there is the item active so that the item Activia here you have to do you have to update this 135 00:08:04,260 --> 00:08:04,680 part. 136 00:08:04,680 --> 00:08:06,510 So I show you that is actually active. 137 00:08:06,510 --> 00:08:07,240 I got it. 138 00:08:07,740 --> 00:08:11,280 So here, if you want to do that work, first of all, you have to do it. 139 00:08:11,280 --> 00:08:12,820 You have to add on the key. 140 00:08:13,530 --> 00:08:18,960 So now I want to do and add that as a key as the dollar and the key. 141 00:08:19,020 --> 00:08:24,060 OK, so this Doleac, if you use it, you have to use it also on here. 142 00:08:24,090 --> 00:08:26,760 So first of all, I to take it with the on the key. 143 00:08:27,960 --> 00:08:31,510 So I take it with the key and then here I pass that our slider. 144 00:08:32,100 --> 00:08:34,560 So now I don't want to use this key. 145 00:08:34,560 --> 00:08:40,530 And in this area, first of all, I want to make it as a zero and zero will be studied. 146 00:08:40,530 --> 00:08:44,140 And then here I want to add our this active occupant's. 147 00:08:44,210 --> 00:08:47,570 So I don't want to add this active in particular that position. 148 00:08:48,000 --> 00:08:53,380 So now that our active class will be activated and after that I want to make it as empty. 149 00:08:53,550 --> 00:08:54,420 So that's all. 150 00:08:54,600 --> 00:08:59,820 OK, so that's the code you have to actually add for this class. 151 00:08:59,850 --> 00:09:01,200 So that is a clue on the class. 152 00:09:01,520 --> 00:09:05,770 So we started from here and now we have to we have to add it. 153 00:09:06,030 --> 00:09:07,190 So now let's check this out. 154 00:09:07,200 --> 00:09:11,790 If you look at the Savon and now if you refresh it. 155 00:09:13,200 --> 00:09:17,910 Yeah, you can see that they're referring to the slightly missed one, and if you click on here, yeah, 156 00:09:17,910 --> 00:09:19,730 everything is now perfectly working. 157 00:09:20,280 --> 00:09:21,720 So there is that image. 158 00:09:21,720 --> 00:09:22,980 I inserted it. 159 00:09:22,980 --> 00:09:31,710 If you want to insert a new one like here that add slider, if you add the slider, slider, image three. 160 00:09:32,970 --> 00:09:39,770 And now I put one of the description, I put better copy this description and here I put the description. 161 00:09:40,500 --> 00:09:42,450 So that will be the slider image three. 162 00:09:42,970 --> 00:09:45,190 OK, and choose one of the images. 163 00:09:45,900 --> 00:09:49,200 So right now I choose whatever you mean. 164 00:09:49,290 --> 00:09:52,070 You actually choose right now if I was actually using it. 165 00:09:52,470 --> 00:09:53,520 So I using it. 166 00:09:53,520 --> 00:09:54,570 Click on the submit. 167 00:09:56,510 --> 00:10:00,960 And see our slider inserted successfully so that the slider, right. 168 00:10:01,220 --> 00:10:07,370 So now if you click on the refresh, you can see the regulatory slider is loaded. 169 00:10:07,380 --> 00:10:15,200 So that is our first slider and slider, Ismay's or two that is slightly missed him to another one as 170 00:10:15,200 --> 00:10:16,410 a slider industry. 171 00:10:16,550 --> 00:10:18,620 And the item is updated. 172 00:10:19,310 --> 00:10:23,440 OK, folks, how can do that work, I hope is very much clear to you. 173 00:10:23,450 --> 00:10:25,410 So that's how you can update it. 174 00:10:25,430 --> 00:10:26,660 You can make it as a dynamic. 175 00:10:26,690 --> 00:10:28,890 So right now this part is totally dynamic. 176 00:10:28,910 --> 00:10:30,210 So now we can actually manage it. 177 00:10:30,230 --> 00:10:31,940 Everything from what this slider. 178 00:10:32,300 --> 00:10:37,430 So from the regular order slider, if you want to add that slider, you can add it to this position. 179 00:10:37,850 --> 00:10:40,990 So that also another option for the Eddied and the Dilek. 180 00:10:41,300 --> 00:10:44,180 So for the editor Delek, they have already created this. 181 00:10:44,180 --> 00:10:48,520 You are looking to see if you would be showing us the slider as a forward idea. 182 00:10:48,530 --> 00:10:50,430 That is a three ideas and the two ideas. 183 00:10:50,780 --> 00:10:55,430 So this will be just like our home brand that is home brand here. 184 00:10:55,430 --> 00:10:57,480 You can see that is the same concept. 185 00:10:57,950 --> 00:10:59,370 So that is your task. 186 00:10:59,390 --> 00:11:02,920 Try to edit it and the Delek bid for the same concept. 187 00:11:02,930 --> 00:11:06,980 And I want you to apply it for this slider that Dilek. 188 00:11:07,250 --> 00:11:08,390 So try to do that work. 189 00:11:08,390 --> 00:11:11,630 That is your task to complete this portion that it portion. 190 00:11:11,630 --> 00:11:13,430 And the question for the slider. 191 00:11:13,670 --> 00:11:17,180 OK, so I have already completed that at Slider. 192 00:11:17,180 --> 00:11:20,360 So as I told you, it will be just like that same our home brand. 193 00:11:20,370 --> 00:11:25,700 So if you understand that home brand or rather than follow this home brand editor the left option and 194 00:11:25,700 --> 00:11:26,900 apply it on here. 195 00:11:27,470 --> 00:11:27,970 Perfect. 196 00:11:28,190 --> 00:11:34,010 So in the next video, I want to do and update our home page, this portion. 197 00:11:34,100 --> 00:11:40,330 OK, so here on top of the title that are the short description and that will be the long description. 198 00:11:40,820 --> 00:11:44,090 So if you want to update this title from the back page. 199 00:11:44,100 --> 00:11:48,690 So here I have already had it on the menu as a home about so we can do that work. 200 00:11:48,690 --> 00:11:55,680 How can manage your everything that bin manager about as this portion from your back in, you know, 201 00:11:55,730 --> 00:11:58,810 next video I will show you that things with a live example. 202 00:11:59,300 --> 00:12:02,630 So thanks for watching and I'll see you in the next video.