www.bowthemes.

com


1

BT
Metro























Copyright 2013Bowthemes Inc. | support@bowthemes.com

BT METRO
JOOMLA TEMPLATE
User guide
Version 1.0



www.bowthemes.com


2

BT
Metro

* Tablet





www.bowthemes.com


3

BT
Metro
* Mobile: width=480px








www.bowthemes.com


4

BT
Metro
* Mobile: width=320px




www.bowthemes.com


5

BT
Metro
Contents

Introduction ....................................................................................................................................................................6
1. Template Features ......................................................................................................................................6
2. Compressed File Contents ........................................................................................................................6
3. Accompanying Extensions .......................................................................................................................6
Installing ...........................................................................................................................................................................8
1. System Requirement ...................................................................................................................................8
2. BT Metro template ......................................................................................................................................8
3. BT Metro Quickstart package ................................................................................................................9
Module Configuration .............................................................................................................................................. 10
1. BT Slideshow Pro (position: home1-sidebar-2) ........................................................................... 10
2. BT Google Maps position (home5-sidebar-2) ............................................................................ 13
3. BT Twitter Feeds (position: home5-sidebar-1)............................................................................ 15
4. BT Twitter Feed (position: sidebar-right) ..................................................................................... 16
5. BT Login(position: home1-sidebar-1) ............................................................................................. 17
6. BT Quick Contact (position: home5-sidebar-2) ........................................................................... 19
7. BT Tabs (position: home1-sidebar-4) .............................................................................................. 21
8. BT Content Showcase (position: home1-sidebar-5) .................................................................. 23
9. BT Content Showcase (position: home1-sidebar-3) .................................................................. 27
10. BT Content Showcase (position: home2-sidebar-1) .................................................................. 30
11. BT Content Showcase (position: home2-sidebar-1) .................................................................. 33
12. BT Content Showcase (position: home3-sidebar-1) .................................................................. 36
13. BT Content Showcase (position: home4-sidebar-1) .................................................................. 39
14. BT Content Showcase (position: home4-sidebar-1) .................................................................. 42
15. BT Content Showcase (position: home4-sidebar-2) .................................................................. 45
16. BT Content Showcase (position: sidebar-left) .............................................................................. 48
17. BT Content Showcase (position: sidebar-left) .............................................................................. 51
18. Images size in K2 component .............................................................................................................. 55
19. List Categories in K2................................................................................................................................ 56
Template Customization ........................................................................................................................................ 59
Module Positions ........................................................................................................................................................ 60
Module Variations ..................................................................................................................................................... 63
Recommendations ..................................................................................................................................................... 64
Contacting Bowthemes ........................................................................................................................................... 65




www.bowthemes.com


6

BT
Metro
Introduction
Dynamic with Window 8 style and Impressive with BT Content Showcase premium
extension, BT Metro is Responsive Joomla Template which shortens your way to
successful online and mobile business. This is no doubt perfect choice for anyone
looking at building their own portfolio, products showcasing, photo album and web-
design services website. Simple advice for you: Just watch it, touch it and love it!
1. Template Features
Running on Joomla 3.0
01 Colors themes support, 01 Menu type options
Inbuilt Google Fonts configuration
12+ module positions and various module class suffix
Improved style of Joomla! Core system pages.
Multiples modules suffix's build-in template for module styling.
Inbuilt CSS and Javascript Compression
Template support for MooTools 1.2
Delivered with source Adobe .PSD files
Compatibility with Joomla3.0
Cross Browser Support: IE8+, Firefox 2+, Safari 3+, Chrome 8+, Opera 9+
2. Compressed File Contents

The BT Metro Template zipped in file has contents such as following:
Extensions (components, modules and plug-ins)
Documentation
License
Photoshop files
Quickstart
Screenshots
All the files are contained in a zip archived. You need to extract them by using
Winrar, Stuffit or your archiving tools
3. Accompanying Extensions

This template comes with 07 powerful extensions:



www.bowthemes.com


7

BT
Metro
BT SlideshowPro module
BT Login module
BT Google Map
BT Twitter Feeds
BT Content Showcase
BT Quick Contact
BT Tabs





www.bowthemes.com


8

BT
Metro
Installing
1. System Requirement
A working installation of Joomla3.0
*To install this template you must have a working version of Joomla already installed. For
information regarding to installing the Joomla platform, please refer to:
http://docs.joomla.org/Beginners#Install_Joomla.21
2. BT Metro template
Installing the template
In the Joomla administration panel, please follow these steps:
Step 1: Go to Extension Manager
Step 2: Browse the install package
Step 3: Click Upload & Install
The template file name is: bt_metro_template_j!30_v1.0.zip



www.bowthemes.com


9

BT
Metro
Publishing the template
In the Joomla administration panel, please follow these steps:
Step 1: Go to Template Manager
Step 2: Find BT Metro position
Step 3: Checkthe star icon at Default column to make BT Metro the default template

Installing needed plug-in components and module
The installation procedure is the same as installing the template
3. BT MetroQuickstart package
How a Quickstart package works?
A Quickstart package is a total Joomla website installation kit that installs the template and
all of the components and plug-ins onto your server at once.
Bowthemes provides quickstart package for each template which aims to easy to use and
comfortable for users. It will help you save much time of installing and configuring if you
plan to start your site from the beginning. Installing Quickstart package is quite easy as you
install normal Joomla!
How to install a Quickstart package
Please refer this instruction in Bowthemes Website:
http://bowthemes.com/how-to-install-bow-themes-template-quickstart-pack.html



www.bowthemes.com


10

BT
Metro
Module Configuration
The example below show how to configure Bowthemes modules to make them display in
your template like the way they do in the demo page.
1. BT Slideshow Pro (position: home1-sidebar-2)
Details

Images Gallery




www.bowthemes.com


11

BT
Metro
Slideshow Options














www.bowthemes.com


12

BT
Metro

Layout Setting





www.bowthemes.com


13

BT
Metro
2. BT Google Maps position (home5-sidebar-2)
Details


Basic Options




www.bowthemes.com


14

BT
Metro
Marker Manager

Custom Style Manager








www.bowthemes.com


15

BT
Metro
3. BT Twitter Feeds (position:home5-sidebar-1)
Details

Setting


Preferences



www.bowthemes.com


16

BT
Metro

Appearance

4. BT Twitter Feed (position: sidebar-right)
Details



www.bowthemes.com


17

BT
Metro

5. BT Login (position: home1-sidebar-1)
Details

Basic Options



www.bowthemes.com


18

BT
Metro

AdvancedOptions



www.bowthemes.com


19

BT
Metro

6. BT Quick Contact (position: home5-sidebar-2)
Details




www.bowthemes.com


20

BT
Metro
Basic Options

Manage Fields




www.bowthemes.com


21

BT
Metro
7. BT Tabs (position: home1-sidebar-4)
Details

Manager Tabs

Effect setting



www.bowthemes.com


22

BT
Metro

Layout Setting

Title Options

Advanced Options



www.bowthemes.com


23

BT
Metro

8. BT Content Showcase (position: home1-sidebar-5)
Details

Global Setting



www.bowthemes.com


24

BT
Metro

Source Setting



www.bowthemes.com


25

BT
Metro

Item layout Setting



www.bowthemes.com


26

BT
Metro

Effect Setting



www.bowthemes.com


27

BT
Metro

9. BT Content Showcase (position: home1-sidebar-3)
Details

Global setting



www.bowthemes.com


28

BT
Metro

Source Setting

Item layout Setting



www.bowthemes.com


29

BT
Metro

Effect Setting



www.bowthemes.com


30

BT
Metro

10. BT Content Showcase (position: home2-sidebar-1)
Details

Global setting



www.bowthemes.com


31

BT
Metro

Source Setting

Item layout Setting



www.bowthemes.com


32

BT
Metro

Effect Setting



www.bowthemes.com


33

BT
Metro

11. BT Content Showcase (position: home2-sidebar-1)
Details

Global setting



www.bowthemes.com


34

BT
Metro

Source Setting

Item layout Setting



www.bowthemes.com


35

BT
Metro

Effect Setting



www.bowthemes.com


36

BT
Metro

12. BT Content Showcase (position: home3-sidebar-1)
Details

Global setting



www.bowthemes.com


37

BT
Metro

Source Setting

Item layout Setting



www.bowthemes.com


38

BT
Metro

Effect Setting



www.bowthemes.com


39

BT
Metro

13. BT Content Showcase (position: home4-sidebar-1)
Details

Global setting



www.bowthemes.com


40

BT
Metro

Source Setting

Item layout Setting



www.bowthemes.com


41

BT
Metro

Effect Setting



www.bowthemes.com


42

BT
Metro

14. BT Content Showcase (position: home4-sidebar-1)
Details

Global setting



www.bowthemes.com


43

BT
Metro

Source Setting

Item layout Setting



www.bowthemes.com


44

BT
Metro

Effect Setting



www.bowthemes.com


45

BT
Metro

15. BT Content Showcase (position: home4-sidebar-2)
Details

Global setting



www.bowthemes.com


46

BT
Metro

Source Setting

Item layout Setting



www.bowthemes.com


47

BT
Metro

Effect Setting



www.bowthemes.com


48

BT
Metro

16. BT Content Showcase (position: sidebar-left)
Details

Global setting



www.bowthemes.com


49

BT
Metro

Source Setting

Item layout Setting



www.bowthemes.com


50

BT
Metro

Effect Setting



www.bowthemes.com


51

BT
Metro

17. BT Content Showcase (position: sidebar-left)
Details

Global setting



www.bowthemes.com


52

BT
Metro

Source Setting

Item layout Setting



www.bowthemes.com


53

BT
Metro

Effect Setting



www.bowthemes.com


54

BT
Metro




www.bowthemes.com


55

BT
Metro
18. Images size in K2 component




www.bowthemes.com


56

BT
Metro
19. List Categories in K2


List Categories



Category item layout



www.bowthemes.com


57

BT
Metro

Category view



www.bowthemes.com


58

BT
Metro







www.bowthemes.com


59

BT
Metro
Template Customization
1. Changing logo in header
In administrator, go to Extensions-> Template Manager, find BT Metro Template , click
Options, and choose link logo you want change.



2. Changing logo in footer
In administrator, go to Extensions -> Module Manager, find the position logo-footer, then
upload your image logo (Logo footer is custom html module).



www.bowthemes.com


60

BT
Metro
Module Positions
BT Metro comes with 12+ built-in module positions. The number of modules contained in
each module position is unlimited. For example: you can have 2 or 3 modules in the left
module position.
View larger image at following pages for more understanding:
http://bowthemes.com/images/templates/bt_metro/metro_home.png
http://bowthemes.com/images/templates/bt_metro/metro_featured.png
http://bowthemes.com/images/templates/bt_metro/metro_portfolio.png
http://bowthemes.com/images/templates/bt_metro/metro_blog.png
http://bowthemes.com/images/templates/bt_metro/metro_contact.png




www.bowthemes.com


61

BT
Metro






www.bowthemes.com


62

BT
Metro









www.bowthemes.com


63

BT
Metro
Module Variations
There are some special module styles, namely:
animate
blog12
blog1
blog13
feasocial
porfolio
mail
social
Each style is activated by assigning a module class suffix to the module. You can see more
details on the page:
http://bowthemes.com/images/templates/bt_metro/metro_home.png
*Special module styles




www.bowthemes.com


64

BT
Metro
Recommendations

*Joomla
Joomla Quickstart Guide
http://help.joomla.org/ghop/feb2008/task048/joomla_30_quickstart.pdf

Joomla Getting Started -http://docs.joomla.org/Getting_Started_with_Joomla%21_1.5


*Extensions
K2 - http://getk2.org/

BT Login- http://bowthemes.com/joomla-extensions/bt-login-module.html

BT Slideshow Pro- http://bowthemes.com/joomla-extensions/bt-slideshow-pro.html

BT Twitter Feeds - http://bowthemes.com/joomla-extensions/bt-twitter-feed.html

BT Google Maps -http://bowthemes.com/joomla-extensions/bt-google-maps.html

BT Quick Contact -http://bowthemes.com/joomla-extensions/bt-quick-contact.html

BT Content Showcase - http://bowthemes.com/joomla-extensions/bt-content-showcase.html






www.bowthemes.com


65

BT
Metro
Contacting Bowthemes
All Bowthemes products include forum support, email support and ticket support.
Please refer your membership package to select the compatible kind of support, as we may
be able to solve the problem without delay.
Website: http://bowthemes.com
Forum support: http://bowthemes.com/forums/41-bt-metro/
Email support: support@bowthemes.com
Ticket support: http://bowthemes.com/submit-a-ticket
If you encounter any issues with Bowthemes extensions and templates, email us at
support@bowthemes.com and we will be happy to answer your questions.


























This document is proprietary and confidential. No part of this document may be disclosed
in any manner to a third party without the prior written consent of Bowthemes Team.