Introduction
Phantom is a business / commercial template, with stylish menu, windows based.
For a trial This email address is being protected from spambots. You need JavaScript enabled to view it.
Requirements
- Apache 2.2
- PHP 5.3+
- MySQL 5.0.4 or higher
- Joomla 2.5 or 3.x
Key Features
- Responsive Layout
- Slider Banner
- 8 Module Positions
- Stylish Menu Windows based
- Fixed Logo Option
- Responsive Design
- Client List
- Font Awesome 4 Support
Phantom Template Setup:
Set Logo
Create logo with name “logo.png” and replace it in templates > phantom > images > logo.png
Set Menu
- Go to Extension > Module Manager > Main Menu
- Set Position “menu”
- Go to Advance tab and write “nav” into Menu Class Suffix input box
- Go to Menus and click Main Menu > Click on Home and goto Link Type tab and write ‘fa fa-home into Link CSS Style input box and click save & Close button. Home Icon will display with menu.
- Again Go to Menus and click Main Menu, Click on +New button , Write menu title e.g. Documentation, Select Menu item type, go to Link Type tab and write ‘icon-portfolio’ into Link CSS Style input box and click Save & Close button
Similarly you can create maximum upto six menus. By following above method. Some important icon class are given below. You can use for an icon according to your need.
Icon Class
How to use?
For example if you want home icon then write class name "fa fa-home" as describe in step 3 to set menu
71 New icons Brand icons Directional icons File type icons Form Control & Currency icons Video Player icons Web app icons 1 Web app icons 2 Web app icons 3 Web app icons 4
Add Banner
- Go to Extensions. Click on Extension Manager , Click browse button, select banner module from your computer directory. Click Upload and Install button.
- Now go to Extensions > Module manager > Click on your banner module you have installed. Configure according to your need. And set the module position from Position dropdown(from phantom template) select Status “published” from dropdown. Click Save & Close Button
Set Grid Module
Above three module are custome module. You can add maximum 4 module. Process are described below
- Go to Extensions > module Manager >Click +New button. > Select Module Type “Custom HTML” . Write Module Name into Title input box. Write Text matter into text editor area and add “<p> <a class="button" href="#">more</a></p>” to display More button
- Set position Grid top from phantom template
- Select menu assignment set module display page
- Go to Advance tab and set Module class suffix “color1” for background color.(You can use color2, color3, color4 also for different background color )
- and Click Save & Close button
by following above method you can create maximum 4 module. As shown in image above
Set Blog
- Go to Content > Category manager > Click +New button. Write Category title Click Save & Close button
- Go to Content > Article manager > Click +New button.
- Write Article name in title input box e.g. Phantom Joomla 3.x Template
- Write few content into editor area and select category (if category not available then you must create category) and set published.
- Click Save & Close button
- Go to Menus and click Main Menu > home
- Select Menu item type “Category Blog” and choose category what you have created ( e.g. ‘phantom’ )from dropdown , Click Blog Layout tab and set following parameters:
- Leading article :2, Intro Article :4, Column :4, Link :4 And Set Article order : Oldest first.
- Click Save & Close button. Your blog will display as show in picture above.
- From above procedure create 4 more articles maximum.
Set Client List
These all are custom module. You can easily create by following steps.
- Go to Extension > Module manager > Click Custom Html
- Write Module title
- Insert Client logo into editor area. Directly you can place client logo into templates > phantom > images >clientlogo.png and write following html code into editor area using source code option <p><img src="/templates/frontend/images/clientlogo.png" alt="" /></p>
- Set position grid-bottom2 and published it.
- Click Save & Closed
Set Footer
- Go to Extension >module manager > Click +New
- Select Module type Custom HTML
- Write Module Title Insert Footer link into editor area using Insert link
- Set position footer and Click Save & Close button.