## Templatemela Framework For Wordpress

## Templatemela Theme Settings

You will found Templatemela theme settings into Templatemela Settings

## General Settings

- Logo : It's an easy way to upload logo from Logo Image option also enter logo alter text.
- Navigation : You have to select Navigation type from this option. we provide you three different navigation type defalt,category,pagesin wordpress by default all pages will display.
- Pagination : It's an easy way to choose the pagination option for blog. Also you can change background color.
- Show Control Panel : If you make this option to "yes" then you can see control panel option on front page.
- Background/Patterns : You can select any background patterns it will display as main background pattern Or you can upload your own background image.
- Colors : You can set background color, Link color, Button Color and Price Color.
- Fonts : You can set Body Font.

### 1 : Upload Logo

- First goto general settings -> click upload logo button -> select your logo image -> click on file URL button -> click on insert into post ->save settings.

## Topbar Settings

- Show Topbar : You can show or hide by setting it as Yes/No.
- Color : You can set Topbar background color,Topbar Text Color, Topbar Link Color, Topbar Link Hover Color .
- Show Contact Information : You can show or hide by setting it as Yes/No.
- Phone_text : You can set your phone test from here.
- Phone : You can set your phone number from here.

## Header Settings

- Colors : You can set Header Background image, Header Background color.
- Font : You can set Header Navigation Font.

## Content Settings

- Colors : You can set Heading color (h1 to h6), Link color & Link Hover color.
- Font : You can set Heading font (h1 to h6).

## Footer Settings

- Background/Link color : You can set Footer Background color and Link color.
- Font : You have to choose footer fonts from the settings.
- Footer copyright : You have to easy enter the copyright Text from here. You just write down text whatever you want.

## Shop Settings

## Shortcodes

We Provide You different shortcodes to add from Admin Panel.

## Theme Shortcodes

### Portfolio

To display portfolio Filter, write this shortcode.

[tm_portfolio_filter][/tm_portfolio_filter]

To display portfolio single category wise, write this shortcode.

[tm_portfolio cat="Portfolio3" column=3 width="450" max="6" character="50"][/tm_portfolio]

To display portfolio group by category wise but with slider, write this shortcode.

[title text1="FEATURED" text2="PRODUCTS"] [/title][portfolio_slider][/portfolio_slider]

To display portfolio group by category wise but with filtering (isotop), write this shortcode.

[title text1="FEATURED" text2="PRODUCTS"] [/title][portfolio_filter layout="center"][/portfolio_filter]

### Contact US

To display contactpage, write this shortcode.

[contact][/contact]

Parameters:

title="Title"

description="Description"

submit_text=" Submit Text"

success_msg="Submit Message"

error_msg="Error Message"

defualt_subject="Default Message"

Ex.[contact][/contact]

### Services

To display services, write this shortcode.

[service][/service]

Parameters:

background_color="DEDEDE"

border_color="FFFFFF"

icon_style="center / left/ right"

icon_class="fa-arrows-alt"

title=""

description=""

link_text="Read More"

link_url="#"

margin="0 0 0 0"

padding="0 0 0 0"

To display the icon in round, you need to write the "icon_class" attribute which you can get from following link:

http://fontawesome.io/icons/

Copy the text of whatever icon you want to display as "icon_class". Ex, icon_class="fa-bell"

Ex. [service margin="0 20px 0 0" padding="10px" background_color="DEDEDE" icon_style="left" border_color="FFFFFF" icon_class=" fa-plane" title="FREE SHIPPING ALL OVER" description="It has survived not only five centuries, but also the leap into electronic typesetting"] [/service]

### Title

To display title, write this shortcode.

[title][/title]

Parameters:

background_color="FFFFFF"

color=""

text1="OUR"

text2="TEXT"

text1color="7CBFB7"

text2color="1A1A1A"

icon_color="7CBFB7"

icon="fa-shield"

Ex. [title text1="FEATURED" text2="PRODUCTS" icon="fa-shield" text1color="7CBFB7" text2color="1A1A1A" icon_color="7CBFB7"] [/title]

### Gallery

If you want to display gallery column wise, write this shortcode. You can also set size as large, medium, full.

[gallery]

Parameters:

columns="2 / 3 / 4 / 5 "

size="large / thumbnail / small"

ids="IDS of the media you want to display"

Ex. [gallery columns="2" size="large" ids="1603,1604,1605,1606,1607,1608,1609"]

### Brand Logo

To display Brand logo, write this shortcode.

[tm_logo][/tm_logo]

Parameters:

type="slider / grid"

[tm_logoinner][/tm_logoinner]

Parameters:

img_src="WHOLE IMAGE PATH"

title="LOGO Title"

link="#"

Ex. [tm_logo type="slider"][tm_logoinner img_src="http://.../wp-content/uploads/2014/02/logo1.png" title="logo1" link="http://www.templatemela.com"][/tm_logoinner][/tm_logo]

### Testimonials

To display Testimonial, write this shortcode.

[testimonial][/testimonial]

Parameters:

type="slider / grid"

arrow_align="center / right"

[tm_testimonial][/tm_testimonial]

Parameters:

image="Full path of the image uploaded"

author="Name if the writer"

link="#"

height="100"

width="100"

layout="left / center"

Ex. [testimonial type="slider"][tm_testimonial layout="center" image ="http://192.168.0.101/user29/WORDPRESS_THEMES/Suit/wp-content/uploads/2014/04/team3.jpg" height="100" width="100" tm_testimonial author="Pellentesque Pit" link="#"]"The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 ." [/tm_testimonial][/testimonial]

### Products

To display title, write this shortcode.

[woo_products][/woo_products]

Parameters:

type="slider / grid"

layout="left / center"

[recent_products per_page="12" orderby="date" order="desc"]

Woocommerce producsts shortcode like Featured Products, Recent Products etc

Ex. [woo_products type="slider" items_per_column="4"][recent_products per_page="12" orderby="date" order="desc"][/woo_products]

### Offer Text

To display Offer Text, write this shortcode.

[offer_text][/offer_text]

Parameters:

title="Title"

description="Description"

Ex. [offer_text title="Styles & Fashion" description="We have the largest collection."][/offer_text]/p>

### Offer Banner

To display Offer Banner, write this shortcode.

[offer_banner][/offer_banner]

Parameters:

title="Title"

bold_text="Bold Text"

link_text="Link Text"

link_url="#"

image="Image whole path"

Ex. [offer_banner title="Delicious" bold_text="Refreshing" link_text="SHOP NOW" link_url="#" image="http://../sub-banner1.jpg" image_width="100%" image_height="142px"][/offer_banner]/p>

### Products

To display title, write this shortcode.

[offer_slider][/offer_slider]

Parameters:

title="Slider title"

[slide][/slide]

Parameters:

image="Image whole path"

link="#"

Ex. [offer_slider title="Offer Of The Week"][slide image="http://../offer_banner1.jpg" link="#"[/slide][slide image="http://../offer_banner2.jpg" link="#"[/slide][/offer_slider]

### Blog Posts

To display Blog Posts, write this shortcode.

[blog_posts][/blog_posts]

Parameters:

type="slider / grid"

number_of_posts="Posts to display"

items_per_column="Posts to display per column"

Ex. [blog_posts type="slider" number_of_posts="6" items_per_column="3"][/blog_posts]

### Address

To display Address, write this shortcode.

[address][/address]

Parameters:

title="Title"

description="Description"

address_label="Address Label"

address="Address"

phone_label="Phone Label"

phone="Phone"

email_label="Email Label"

email="Email"

email_link="Email Link"

other_label="Extra Text Label"

other="Extra text"

Ex. [address title="Megnor Computer Pvt. Ltd." description="It is a long established." address_label="Address: " address="507-Union Trade Centre, Beside Apple Hospital, Udhana Darwaja, Ring Road, Surat." phone_label= "Phone numbers:" phone="+91 8866888444" email_label="Email:" email="support@templatemela.com" email_link="mailto:support@templatemela.com" other_label="We are open:" other="Monday – Friday 10 AM – 8 PM"][/address]

### Team / Staff

To display Team, write this shortcode.

[team][/team]

Parameters:

type="slider / grid"

number_of_posts="Posts to display"

items_per_column="Posts to display per column"

Ex. [team type="grid" number_of_posts="12" items_per_column="4"][/team]

### Latest News

To display Latest News , write this shortcode.

[latest_news][/latest_news]

Parameters:

type="slider / grid"

number_of_posts="Posts to display"

items_per_column="Posts to display per column"

category="Category ID to display the posts of"

Ex. [latest_news category="22"][/latest_news]

### Call to Action

To display Call to Action, write this shortcode.

[calltoaction][/calltoaction]

Parameters:

link_title="slider / grid"

layout="left / center"

link_url="#"

sub_description="Sub Description"

Ex. [calltoaction layout="light" link_title="Grab it Now" link_url="#" sub_description="Theme includes a color picker for unlimited color options."]The Most Complete Premium WordPress Theme[/calltoaction]

### Static Text with Links

To display Static Text with Links, write this shortcode.

[static_text][/static_text]

Parameters:

text="Simple Text"

description="Description"

[list][/list]

Parameters:

link="#"

Ex. [static_text text="At TemplateMela we're creating awesome web templates." description="Our focus is on providing premium quality."][list link="#"]Wordpress Themes[/list][list link="#"]Magento Templates[/list][/static_text]

### FAQs

To display FAQs, write this shortcode. By default all FAQs of all categories will be displayed.

[faqs][/faqs]

Parameters:

category="FAQs category you want to display FAQs of"

Ex. [faqs category="23"][/faqs]

### About ME

To display Aboutme, write this shortcode.

[tm_about][/tm_about]

Parameters:

image="Upload path of the image"

title="HOW CAN WE HELP?"

description=""

link="MORE"

Ex. [tm_about image="http://.../help.jpg" title="HOW CAN WE HELP?" description="here are many variations of passages of Loreum Ipsum available, but the majority have." link="MORE"][/tm_about]

### CMS Banner

To display Cmsbanner, write this shortcode.

[tm_cms_banner][/tm_cms_banner]

Parameters:

backgournd_img="Upload path of the image"

background_repeat="no-repeat"

background_color="393939"

maintitle="Upto 5% Reaward"

image="Upload path of the image"

subtitle="on your shipping"

Ex. [tm_cms_banner background_color="393939" background_img = "http://192.168.0.101/user29/WORDPRESS_THEMES/MegaShop_Pagebuilder/wp-content/uploads/2014/06/bg1.jpg " image="http://192.168.0.101/user29/WORDPRESS_THEMES/MegaShop_Pagebuilder/wp-content/uploads/2014/06/offer1.png" maintitle="Upto 5% Reward" subtitle="on your shipping"][/tm_cms_banner]

### Banner

To display banner, write this shortcode.

[tm_single_image][/tm_single_image]

Parameters:

image="Upload path of the image"

link_url="Link path"

margin="2px 10px 2px 2px"

textalign="left/right"

Ex. [tm_single_image image="http://192.168.0.101/user29/WORDPRESS_THEMES/MegaShop_Pagebuilder/wp-content/uploads/2014/06/sub-banner1.png " link_url="#" margin="2px 10px 2px 2px "][/tm_single_image]

### Pie Chart

To display Pie Chart, write this shortcode.

[pie_chart][/pie_chart]

Parameters:

bg_color="#b39964"

percentage="82"

title="Html & css3"

Ex. [pie_chart bgcolor="#b39964" percentage="82" title="Html5&css3"] [/pie_chart]

### Container

To display Container, write this shortcode.

[Container][/Container]

Parameters:

background_color="Background Color"

background_image="Image whole path"

background_repeat="repeat / no-repeat / repeat-x / repeat-y"

background_attachment="fixed / scroll"

parallex="yes / no"

background_size="cover"

padding="0 0 0 0"

margin="0 0 0 0"

Ex. [container background_color="F7F7F7" background_image="http://./image.jpg"][/container]

### Success Messagebox

Displays success message box.

[success]Lorem ipsum dolor sit amet, consectetur adipisicing elit. [/success]

### Error Messagebox

Displays error message box.

[error]Lorem ipsum dolor sit amet, consectetur adipisicing elit. [/error]

### Messagebox

Displays message box.

[message]Lorem ipsum dolor sit amet, consectetur adipisicing elit. [/message]

### Warning Messagebox

Displays Warning message box.

[warning]Lorem ipsum dolor sit amet, consectetur adipisicing elit. [/warning]

### Flickr Images

Displays flickr images.

[flickrbadge id="93128959@N03" count_no="6"]

### Googlemap

Displays googlemap.

[ goolemap width="width" height="height" src="url"]

### Google chart

Displays google chart.

[ chart data="7238819,5547527,4516361,1644642,507626,229675,127532,2296411,358894" bg="F7F9FA" labels="NSW|Victoria|Queensland|South Australia|Tasmania|Northern+Territory|Darwin|Western Australia|ACT" colors="058DC7,81feb6,ff8080,1601d1,50B432,ff0f0f,800040,ED561B,EDEF00" size="445x200" title="Australian Population" type="pie"]

### Youtube video

Displays Youtube video.

[youtube width="710" height="400" id="e8k4OrKiciw" ][/youtube]

## Woocommerce Shortcodes

### Featured Products

Displays Featured Products.

[featured_products per_page="12"]

### Recent Products

Displays Recent Products.

[recent_products per_page="12"]

### Sale Products

Displays Sale Products.

[sale_products per_page="12"]

### Best Selling Products

Displays Best Selling Products.

[best_selling_products per_page="12"]

### Top Rated Products

Displays Top rated Products.

[top_rated_products per_page="12"]

### Related Products

Displays Related Products.

[related_products per_page="12"]

### Single Products

Displays any singel Product by product ID or Product SKU.

[product id="99"]
[product sku="FOO"]

### Products

Displays Products by product ID or Product SKU.

[products ids="1, 2, 3, 4, 5"]
[products skus="foo, bar, baz" orderby="date" order="desc"]

### Product Categories

Displays Product Categories.

[product_categories number="12" parent="0"]

## Hook Manager

We provide you different Hook Manager. Which can be included into different area of themes. You just write down html Code into Different hook Area. and you will see your written code to frontend.

You will find Hook Manager into Templatemela Settings