bt metro user manual v1.0
DESCRIPTION
BT METROTRANSCRIPT
www.bowthemes.com
1
BT
Metro
Copyright © 2013Bowthemes Inc. | [email protected]
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
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: [email protected]
Ticket support: http://bowthemes.com/submit-a-ticket
If you encounter any issues with Bowthemes extensions and templates, email us at
[email protected] 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.