1 00:00:00,000 --> 00:00:06,000 There's one final step that we need to take care of to make our site multilingual. 2 00:00:06,000 --> 00:00:08,000 It's a small step; it's really easily missed. 3 00:00:08,000 --> 00:00:11,000 If you're looking at the front-end of your Web site, and it's still not behaving 4 00:00:11,000 --> 00:00:16,000 quite right, this is probably the step that you missed, and that is we need to 5 00:00:16,000 --> 00:00:18,000 enable the plug-in for the language filter. 6 00:00:18,000 --> 00:00:24,000 So to do this, I am going to go to Extensions > Plug-in Manager. I am going to go 7 00:00:24,000 --> 00:00:29,000 over to page 2 here in the Plug-in Manager, and I am going to scroll on down to 8 00:00:29,000 --> 00:00:31,000 System - Language Filter. 9 00:00:31,000 --> 00:00:34,000 And what I am going to do is simply enable it. 10 00:00:34,000 --> 00:00:39,000 All I have to do is click on the red X, it becomes a green check, and that is now 11 00:00:39,000 --> 00:00:40,000 enabled for the Web site. 12 00:00:40,000 --> 00:00:44,000 Now when I refresh the front-end of the Web site, I should see my site function in 13 00:00:44,000 --> 00:00:45,000 a multilingual manner. 14 00:00:45,000 --> 00:00:49,000 So I am going to switch over here to the front-end, I am going to hit refresh, 15 00:00:49,000 --> 00:00:54,000 and here I am on the Italian homepage, and the Italian homepage article, and I can 16 00:00:54,000 --> 00:00:58,000 also see my About article here inside of the Italian Web site. 17 00:00:58,000 --> 00:01:02,000 And if switch over to English, I have my English homepage, as well as all of 18 00:01:02,000 --> 00:01:06,000 these other pages that you've become familiar with here on the Web site. 19 00:01:06,000 --> 00:01:10,000 But you might notice that there is a few things missing where the homepage is concerned. 20 00:01:10,000 --> 00:01:15,000 So, first of all, what happened to my random image? There used to be a random 21 00:01:15,000 --> 00:01:18,000 image right here, and now it's gone, so where did that go? 22 00:01:18,000 --> 00:01:21,000 Second of all, what happened to the Testimonials? I used to have some 23 00:01:21,000 --> 00:01:24,000 testimonials over here in the right column; they are gone. What happened to them? 24 00:01:24,000 --> 00:01:28,000 I don't see them on the Italian side either, although I don't really 25 00:01:28,000 --> 00:01:31,000 necessarily want them on the Italian side. Those are English testimonials, and 26 00:01:31,000 --> 00:01:36,000 they are not translated into Italian, so I'd like the testimonials to show on the English side. 27 00:01:36,000 --> 00:01:40,000 And then the third thing that's happened is the background of this Web site is 28 00:01:40,000 --> 00:01:44,000 orange now, and it used to be that we had teal on the homepage, and orange on all 29 00:01:44,000 --> 00:01:46,000 the other pages, so what happened with that? 30 00:01:46,000 --> 00:01:49,000 Well, let's tackle these three problems one at a time. 31 00:01:49,000 --> 00:01:52,000 First of all, let's take a look at the issue with the random image. 32 00:01:52,000 --> 00:01:57,000 So, always a good place to start is the Module Manager, so we're going to go to 33 00:01:57,000 --> 00:02:03,000 Extensions > Module Manager, and I'm going to find my Random Image module, and I am 34 00:02:03,000 --> 00:02:06,000 going to go to the Menu Assignment. Always a good place to start. 35 00:02:06,000 --> 00:02:09,000 When a module that you think should display on the site is not displaying, 36 00:02:09,000 --> 00:02:11,000 always check the Menu Assignment. 37 00:02:11,000 --> 00:02:15,000 Back when we started building this Web site, we had just a homepage, and the main 38 00:02:15,000 --> 00:02:20,000 menu, and we had a homepage in the footer, which was an alias type of link, and we 39 00:02:20,000 --> 00:02:23,000 had the random image assigned to both of those pages. It's still assigned there. 40 00:02:23,000 --> 00:02:28,000 But since then, we've made an Italian homepage, and an English homepage, and this 41 00:02:28,000 --> 00:02:31,000 module is not assigned in those locations. 42 00:02:31,000 --> 00:02:34,000 So what we need to do is assign it. 43 00:02:34,000 --> 00:02:39,000 I am going to check off the English homepage for the Random Image, and I am going 44 00:02:39,000 --> 00:02:43,000 to check off the Italian homepage for the Random Image, and then I am going to 45 00:02:43,000 --> 00:02:44,000 go ahead and say Save & Close. 46 00:02:44,000 --> 00:02:48,000 Now when I go back to the front-end of the Web site, and I click refresh, now I've 47 00:02:48,000 --> 00:02:51,000 got my random image here on my English homepage. 48 00:02:51,000 --> 00:02:55,000 But now I need to check the Italian side of the Web site, and when I check that, 49 00:02:55,000 --> 00:02:58,000 I still don't have a Random Image module here on the Italian side of the 50 00:02:58,000 --> 00:03:00,000 Web site. Why is that? 51 00:03:00,000 --> 00:03:05,000 Well, when I put in my Italian article, I did not include the little piece of 52 00:03:05,000 --> 00:03:07,000 code that loaded the module. 53 00:03:07,000 --> 00:03:09,000 Remember where the Random Image module came from. 54 00:03:09,000 --> 00:03:14,000 We put in a piece of code that said load position, way back many, many, many 55 00:03:14,000 --> 00:03:18,000 videos ago, to load the Random Image module inside of the article for the 56 00:03:18,000 --> 00:03:22,000 homepage for the English side of the Web site, and that English article is now 57 00:03:22,000 --> 00:03:27,000 in use for the language of all homepage, and the English homepage, so that's 58 00:03:27,000 --> 00:03:28,000 why we see it there. 59 00:03:28,000 --> 00:03:33,000 But on the Italian side, we don't have the little code that calls for the 60 00:03:33,000 --> 00:03:34,000 Random Image module. 61 00:03:34,000 --> 00:03:37,000 So even though the module is assigned to this page, it doesn't have a 62 00:03:37,000 --> 00:03:38,000 location to display. 63 00:03:38,000 --> 00:03:42,000 So I need to go back to my article, and add that little bit of code. 64 00:03:42,000 --> 00:03:44,000 So here in the back-end of Joomla, 65 00:03:44,000 --> 00:03:49,000 I am going to go to Content > Article Manager, and I am going to find my Italian 66 00:03:49,000 --> 00:04:00,000 Home page article, and I'm going to add to the end of it {loadposition random} 67 00:04:00,000 --> 00:04:02,000 and say Save & Close. 68 00:04:02,000 --> 00:04:07,000 And now when I refresh the Italian homepage, I have my random image showing up 69 00:04:07,000 --> 00:04:11,000 here as well, and it's also present on the English homepage. 70 00:04:11,000 --> 00:04:13,000 So that's the first problem solved. 71 00:04:13,000 --> 00:04:17,000 The next problem I want solved has to do with my testimonials. 72 00:04:17,000 --> 00:04:21,000 I need to make sure that the testimonials are displaying on the English side of 73 00:04:21,000 --> 00:04:24,000 the Web site, but I don't want them displaying on the Italian side. 74 00:04:24,000 --> 00:04:28,000 So, I am going to go back to the back-end of Joomla, back to Extensions > Module 75 00:04:28,000 --> 00:04:35,000 Manager, and I'm going to go to my Testimonials module, and I am going to go to 76 00:04:35,000 --> 00:04:36,000 the Menu Assignment. 77 00:04:36,000 --> 00:04:38,000 Once again, always a great place to start. 78 00:04:38,000 --> 00:04:42,000 This module has the same problem as the Random Image module in that this was 79 00:04:42,000 --> 00:04:46,000 originally assigned to the footer menu home, and the Main menu home, but we now 80 00:04:46,000 --> 00:04:51,000 have an English home, and it's not assigned there, so I am going to go ahead 81 00:04:51,000 --> 00:04:52,000 and check that off. 82 00:04:52,000 --> 00:04:56,000 The other change I am going to make is that since this is an English language 83 00:04:56,000 --> 00:04:59,000 module, I'm going to assign it a language of English as well. 84 00:04:59,000 --> 00:05:05,000 If I ever wind up adding a Testimonial module for the Italian side, I can set 85 00:05:05,000 --> 00:05:09,000 that up, assign it to the Italian homepage, and set its language of Italian, so 86 00:05:09,000 --> 00:05:10,000 that it will switch properly. 87 00:05:10,000 --> 00:05:16,000 So I am going to switch over to my Details tab, and change the Language from All 88 00:05:16,000 --> 00:05:20,000 to English (UK), and go ahead and say Save & Close. 89 00:05:20,000 --> 00:05:25,000 And now when I refresh my English homepage, there's my Testimonials where I want 90 00:05:25,000 --> 00:05:31,000 them, and on the Italian side, I don't have any testimonials, which is exactly what I want. 91 00:05:31,000 --> 00:05:35,000 So, the last part of this has to do with why the background image is orange now, 92 00:05:35,000 --> 00:05:38,000 and what happened to that dark teal background, 93 00:05:38,000 --> 00:05:40,000 and the answer for that lies in the templates. 94 00:05:40,000 --> 00:05:42,000 So in the back-end of Joomla, 95 00:05:42,000 --> 00:05:46,000 we'll go to Extensions > Template Manager. Let's take a look at the templates that 96 00:05:46,000 --> 00:05:48,000 we have in use on this site right now. 97 00:05:48,000 --> 00:05:52,000 We have isis, which is our administrator template; that's not causing any problems, 98 00:05:52,000 --> 00:05:56,000 but we have these four templates down here that are in use. 99 00:05:56,000 --> 00:06:01,000 We have the protostar - Default template, which is controlling the language of All 100 00:06:01,000 --> 00:06:06,000 for the Web site, and I have a homepage that's assigned to a copy of that. 101 00:06:06,000 --> 00:06:11,000 That is, the homepage of all actually is assigned this template, and this template 102 00:06:11,000 --> 00:06:16,000 is the one that has the teal background in it, so that's why that page is teal. 103 00:06:16,000 --> 00:06:20,000 We made a copy of protostar - Default with the orange background when we made our 104 00:06:20,000 --> 00:06:23,000 English and our Italian template styles. 105 00:06:23,000 --> 00:06:29,000 So if I want to have a teal background on the English side of the site for 106 00:06:29,000 --> 00:06:33,000 the homepage, and an orange background for the rest of the site, I need to 107 00:06:33,000 --> 00:06:35,000 make one more clone. 108 00:06:35,000 --> 00:06:40,000 So I am going to copy this English template, put a checkmark next to it, and say Duplicate. 109 00:06:40,000 --> 00:06:43,000 This is going to make a second English template. 110 00:06:43,000 --> 00:06:48,000 I am going to click on this to edit it, and instead of calling it English (2), I 111 00:06:48,000 --> 00:06:49,000 am going to call it English Home. 112 00:06:49,000 --> 00:06:54,000 And under the Options here, I'll set the Background Colour to be the same as the 113 00:06:54,000 --> 00:07:02,000 Template Colour, so 006078. 114 00:07:02,000 --> 00:07:06,000 Then under the Menu Assignment, I'm going to check the English Home menu as 115 00:07:06,000 --> 00:07:09,000 assigned to this, and I am going to say Save & Close. 116 00:07:09,000 --> 00:07:14,000 Now when I switch to the English side of the Web site, I have my teal background 117 00:07:14,000 --> 00:07:20,000 here for the homepage, and I have the orange background for the About, and all the 118 00:07:20,000 --> 00:07:21,000 other pages of the Web site. 119 00:07:21,000 --> 00:07:25,000 If I would like to have my Italian homepage also have a teal background, I'm 120 00:07:25,000 --> 00:07:29,000 going to follow that exact same procedure that I just did for the English 121 00:07:29,000 --> 00:07:33,000 homepage, I am going to repeat that same process for the Italian homepage, and 122 00:07:33,000 --> 00:07:37,000 then the Italian homepage will have a teal background, and orange pages for the 123 00:07:37,000 --> 00:07:40,000 other pages on the Web site.