Online Tips for Web Developer/Designer

DS Busuit Template Download

Joomla DS Busuit Template

This Template frontpage need the following module

Simply download and install it to the proper module position.
This module work best in the following module position.

• banner
• left
• right
• slide

Joomla DS Banner Slider Module

View the module position here

Simply download and install it to the proper module position.
Joomla DS Busuit Module Position

PSD source file

If you would like to play around with the psd file, you can download it here.
Joomla DS Busuit Photoshop Source File

Step 1: Template Installation (DS Busuit)

1. Click Extensions > Install/Uninstall
2. Select the template file you download from here, be sure to submit to our rss feed or follow me on twitter to get the latest update on this template.

Step 2: Template Manager

Go to Extension > Template Manager

1. From the column of Template Name select ds_busuit
2. Click the Default Star icon locate on the top right panel

Step 3: Setting up your breadcrumb (mod_breadcrumbs)

1. From Show Title and select “No”
2. Enable the module select “Yes”
3. Select the position “breadcrumbs”
4. From Menu Assignment select “All”
5. Save

Step 4: Setting up your search box (mod_search)

1. From Show Title and select “No”
2. Enable the module select “Yes”
3. Select the position “top”
4. From Module Parameters – Search button select “No”
5. From Module Parameters – Search button as image select “No”
6. From Menu Assignment select “All”
7. Save

Step 5: Setting up your top menu (mod_mainmenu)

1. From Show Title and select “No”
2. Enable the module select “Yes”
3. Select the position “hornav”
4. From Module Parameters – Menu Style select “List”
5. From Module Parameters – Always show sub-menu items select “Yes”
6. From Advanced Module Parameters – Module Class Suffix type “_menu”
7. From Menu Assignment select “All”
8. Save

Step 6: Setting up the frontpage newsflash (mod_newsflash)

1. From Show Title and select “No”
2. Enable the module select “Yes”
3. Select the position “leftnews”
4. From Module Parameters – Category, select the proper category where your newsflash are store.
5. From Module Parameters – Show Article Title select “Yes”
6. From Module Parameters – Module Class Suffix type ” leftnews drkgrey”
7. From Menu Assignment select “Select Menu Itme(s)” then select “Home”
8. Save

Step 7: DS Banner Slider Setups (mod_ds_banner_slide)

1. First you will need to download the latest DS Banner Slider, be sure to submit to our rss feed or follow me on twitter to get the latest update on this.
2. Download the latest release.
3. Go to Extensions > Install/Uninstall
4. Select the mod_ds_banner_slider_xxx.zip and install
5. Install Module Success!
6. Go to Extensions > Module Manager
7. From Show Title and select “No”
8. Select the position “slide”
9. From Menu Assignment select “Select Menu Itme(s)” then select “Home”
10. From Module Parameters – Banner clients, select the clients you want to display.
11. From Module Parameters – Banner categories, select the categories you want to display.
12. From Module Parameters – Set the Unique ID for this “rotator” or “rotator1″ or “rotator2″ Note every banner ID should be unique!
13. From Module Parameters – The frontpage banner width is “720″
14. From Module Parameters – The frontpage banner height is “360″
15. Save

Step 8: Setting up the frontpage custom module user1, 2, 3, 4 (mod_custom)

1. Go to Extensions > Module Manager
2. Select “Custom HTML”
3. Enter the proper title that you want to display at the frontpage.
4. From Show Title and select “Yes”
5. Enable the module select “Yes”
6. Select the position “user1″ or “user2″ or “user3″ or “user4″
7. From Module Parameters – Module Class Suffix type ” frontspot”
8. From Menu Assignment select “Select Menu Itme(s)” then select “Home”
9. Custom Output, use the below html code. Remember to upload an image for it, the best image size is 205px x 90px

<p><img src="images/stories/demo2.png" border="0" style="border: 0;" /><br />Condimentum orci nec id malesuada id wisi dictum interdum dolor vel. Est interdum turpis et gravida.</p>

Step 9: Cleaning up Your Frontpage

If you want the front page to just have an banner slider, newsflash, and 4 custom module like in the demo, you will need to clean up the frontpage article like we show below.

1. Goto Content > Front Page Manager
2. Select all the content from the checkbox
3. Click the Unpublilsh button
4. Next go to Menus > Main Menu *
5. Open the Parameters (System) – Show Page Title select “No”

Step 10: Hide all the unnecessary module that you don’t need.

Okay, this is the last steps for this template to display properly. Remember to hide all the unnecessary module.