bt metro user manual v1.0

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.