1 00:00:00,000 --> 00:00:04,000 One of the first modules that I would like to add to my Web site is a search 2 00:00:04,001 --> 00:00:08,001 module and obviously search module does exactly what it sounds like. 3 00:00:08,002 --> 00:00:13,002 It allows you to have a blue box where you can type in the words and it will 4 00:00:13,003 --> 00:00:15,003 search your Web site for those matching words. 5 00:00:15,004 --> 00:00:16,004 And inside of Joomla! we actually have 6 00:00:16,005 --> 00:00:21,005 two kinds of search, so I want to acquaint you with what those are. 7 00:00:21,006 --> 00:00:23,006 So we'll go ahead and jump into the backend of Joomla! 8 00:00:23,007 --> 00:00:26,007 and I am going to add a search module to my Web site. 9 00:00:26,008 --> 00:00:30,008 So I am going to go to Extensions>Module Manager. 10 00:00:30,009 --> 00:00:34,009 This is always where we go to create any kind of modules inside of Joomla!. 11 00:00:34,010 --> 00:00:39,010 And I am going to make a new module by clicking the New button and this will 12 00:00:39,011 --> 00:00:43,011 tell me all of the module types that are already installed for me. 13 00:00:43,012 --> 00:00:46,012 As you continue to work with Joomla! one of Joomla's! big 14 00:00:46,013 --> 00:00:52,013 strengths is the ability to have some externally available extensions that 15 00:00:52,014 --> 00:00:53,014 you can go to the Joomla! extensions 16 00:00:53,015 --> 00:00:57,015 directory, you can go do a bunch of research and you can find 17 00:00:57,016 --> 00:00:59,016 additional functionality for Joomla! 18 00:00:59,017 --> 00:01:04,017 You can install that on your Web site, so you may have a whole bunch of modules 19 00:01:04,018 --> 00:01:08,018 in your Web site that might not originally come with Joomla! 20 00:01:08,019 --> 00:01:12,019 But the modules that we have available to us right now do come with Joomla! 21 00:01:12,020 --> 00:01:14,020 we haven't installed anything additionally. 22 00:01:14,021 --> 00:01:18,021 I will show you how to do that in a later video, and all of these modules 23 00:01:18,022 --> 00:01:22,022 that are listed here are the choices that we have for installing something on the Web site. 24 00:01:22,023 --> 00:01:26,023 Now as far as search goes, there are two options to choose from. 25 00:01:26,024 --> 00:01:29,024 There is Search and there is Smart Search. 26 00:01:29,025 --> 00:01:34,025 Obviously, Smart Search sounds so much more interesting and so much better; 27 00:01:34,026 --> 00:01:35,026 let me tell you what these are. 28 00:01:35,027 --> 00:01:39,027 Searches are regular old search, something that's been available in Joomla! 29 00:01:39,028 --> 00:01:41,028 for a very long time. 30 00:01:41,029 --> 00:01:45,029 It's your conventional search box you type something in, it does a search. 31 00:01:45,030 --> 00:01:50,030 The Smart Search works more like Google search where you start to type and it 32 00:01:50,031 --> 00:01:54,031 gives you a bunch of guesses, as to what it might be that you're typing in. 33 00:01:54,032 --> 00:01:59,032 The drawback to Smart Search though, at this point, is that it's currently working 34 00:01:59,033 --> 00:02:01,033 great with Joomla's! core content. 35 00:02:01,034 --> 00:02:06,034 But as you add more extensions to your Web site, the current Smart Search module 36 00:02:06,035 --> 00:02:12,035 is not necessarily designed to go in Search content in any of these third-party modules. 37 00:02:12,036 --> 00:02:16,036 It will only search the content within the core of Joomla!. 38 00:02:16,037 --> 00:02:20,037 Now that might be fine if you are building a very simple Web site and pretty much 39 00:02:20,038 --> 00:02:22,038 all of your content is located in Joomla's! core, 40 00:02:22,039 --> 00:02:28,039 but if you add something like a CCK, a Content Construction Kit like K2 or Zoo 41 00:02:28,040 --> 00:02:35,040 or if you add something an elaborate calendar for example, like JCal Pro or 42 00:02:35,041 --> 00:02:41,041 if you add a shopping cart like VirtueMart or Redshop, then you might wind up 43 00:02:41,042 --> 00:02:45,042 in a situation where you are going to need to have some sort of search capability 44 00:02:45,043 --> 00:02:49,043 for those additional big areas of your Web site and Smart Search might not 45 00:02:49,044 --> 00:02:52,044 necessarily be able to search those areas. 46 00:02:52,045 --> 00:02:57,045 Third party developers have to write an extension in order to leverage smart search. 47 00:02:57,046 --> 00:02:59,046 And many of them are still catching up with that. 48 00:02:59,047 --> 00:03:03,047 So I am just going to use regular search for right now, so I am going to click 49 00:03:03,048 --> 00:03:08,048 on that to put in my Search box. I always need to give my module a title. 50 00:03:08,049 --> 00:03:12,049 That title will be Search, but I don't have to show that title on the screen, 51 00:03:12,050 --> 00:03:16,050 and in fact, I will just Hide it, because it will already say Search in or the 52 00:03:16,051 --> 00:03:18,051 box itself, what I put it on my screen. 53 00:03:18,052 --> 00:03:23,052 The place I am going to position this, remember we could go into that Map that 54 00:03:23,053 --> 00:03:28,053 we pulled up from the Template manager; that will show us all of the module positions. 55 00:03:28,054 --> 00:03:32,054 They are also available here in this dropdown and if you scroll on down through the dropdown, 56 00:03:32,055 --> 00:03:36,055 to the Protostar module positions; 57 00:03:36,056 --> 00:03:40,056 you don't want to use these at the top for Beez3 that is the other template 58 00:03:40,057 --> 00:03:41,057 that comes with Joomla! 59 00:03:41,058 --> 00:03:45,058 and it has somewhat different template positions than Protostar. 60 00:03:45,059 --> 00:03:50,059 I can scroll on through this, and I can choose what I want to use 61 00:03:50,060 --> 00:03:51,060 for positioning the Search box. 62 00:03:51,061 --> 00:03:55,061 So I actually have a position here called Search, it's in position-0. 63 00:03:55,062 --> 00:03:59,062 If you remember from the last video, it was sort of in the upper right corner 64 00:03:59,063 --> 00:04:02,063 of the page, which is pretty much where I want my Search box. 65 00:04:02,064 --> 00:04:05,064 So I am going to go ahead and select that. 66 00:04:05,065 --> 00:04:08,065 These are sort of the basic settings here within a module and you will go 67 00:04:08,066 --> 00:04:09,066 through these every time. 68 00:04:09,067 --> 00:04:14,067 You will always need to give this a title, whether or not you want to show that title 69 00:04:14,068 --> 00:04:16,068 and the position for that particular module. 70 00:04:16,069 --> 00:04:20,069 The other information here is Optional and you may or may not wind up using it. 71 00:04:20,070 --> 00:04:24,070 Basic Options will give you some options that you might find useful 72 00:04:24,071 --> 00:04:25,071 for configuring this module. 73 00:04:25,072 --> 00:04:30,072 For example, I might want to set a width for my Search box, which by default is 74 00:04:30,073 --> 00:04:35,073 this sort of generic width of 20, it's sort of tied to the number of characters, 75 00:04:35,074 --> 00:04:38,074 but not exactly, so just think of it as the number. 76 00:04:38,075 --> 00:04:42,075 If you want it bigger, make a number bigger than 20, or if you want the box smaller, 77 00:04:42,076 --> 00:04:44,076 make it a number smaller than 20. 78 00:04:44,077 --> 00:04:48,077 The Box Text is what text will show up inside of the text box. 79 00:04:48,078 --> 00:04:53,078 If you leave it blank, in English anyway will show up as Search... 80 00:04:53,079 --> 00:04:56,079 or you can type in any other text that you wished to have Show. 81 00:04:56,080 --> 00:04:59,080 A Search Button would put a little button after it that would say, something 82 00:04:59,081 --> 00:05:03,081 like Go, or Search or something. You can turn that on or off. 83 00:05:03,082 --> 00:05:08,082 You can position that button to the right or the left of the box and pretty much 84 00:05:08,083 --> 00:05:10,083 in English, which is a left to right language; 85 00:05:10,084 --> 00:05:14,084 you are going to put that button on the right side of the box. 86 00:05:14,085 --> 00:05:18,085 For those of you who work in right to left languages, you might want to put 87 00:05:18,086 --> 00:05:20,086 that button on the left side of the box. 88 00:05:20,087 --> 00:05:23,087 You can also have your Search Button been an image if you wish. 89 00:05:23,088 --> 00:05:26,088 So these are all things that you can go ahead and configure. 90 00:05:26,089 --> 00:05:31,089 What I am going to do is I'm going to turn on my Search button, I'll leave it 91 00:05:31,090 --> 00:05:35,090 on the right and the text will be Go, because my text in the Search box will say Search. 92 00:05:35,091 --> 00:05:39,091 I don't want to say Search... and then have my button also say Search; 93 00:05:39,092 --> 00:05:40,092 it just seems kind of redundant. 94 00:05:40,093 --> 00:05:43,093 There are always a few Advanced Options that are available here. 95 00:05:43,094 --> 00:05:47,094 I'll go through these in another video and then finally there's a Menu Assignment. 96 00:05:47,095 --> 00:05:50,095 So on what pages would you like your Search box to appear? 97 00:05:50,096 --> 00:05:53,096 Well, Search is a fairly important navigational element. 98 00:05:53,097 --> 00:05:58,097 I'd like it to appear in all pages of my Web site, so I'm going to leave my 99 00:05:58,098 --> 00:06:02,098 Menu Assignment exactly as is and I am going to say Save & Close. 100 00:06:02,099 --> 00:06:07,099 Now when I go to the front end of the Web site and I Refresh, I will have a 101 00:06:07,100 --> 00:06:09,000 Search box that will appear up here at the top. 102 00:06:09,001 --> 00:06:13,001 If I like that Search box to be smaller, I could change the size of that Search box, 103 00:06:13,002 --> 00:06:17,002 right now it's set to 20, I could make a smaller number which will narrow up 104 00:06:17,003 --> 00:06:21,003 this box a little bit and I enabled the button to appear here. 105 00:06:21,004 --> 00:06:23,004 I could certainly turn that off as well. 106 00:06:23,005 --> 00:06:27,005 But that is how you include a Search box inside of your Web page.