Templatemela Framework For WordPress

Templatemela Theme Settings

You will found Templatemela theme settings into Appearance Menu with name TM Theme Settings



General Settings

  • Logo : It's an easy way to upload logo from Logo Image.
  • Logo Image Alt : It's an easy way to set logo image alt.
  • Mobile Logo Image : It's an easy way to upload mobile logo.
  • Mobile Logo Image Alt : It's an easy way to set mobile logo image alt.
  • Show Site Description : If you make this option to "yes" then you can see sub description on below logo.
  • Upload Background Image : You can set Background Image of Body.
  • Body Background Color : You can set Background color of Body.
  • Body Font Color : You can set Font color of Body.
  • Body Font : You can set Font Family for Body.
  • Specified Other Body Font : You can set Specified Other Font Family for Body.
  • Button Font : You can set Font of Button.
  • Buttons Background Color : You can set background color of Button.
  • Buttons text Color : You can set text color of Button.
  • Button background opacity : You can set background opacity of Button.
  • Buttons hover Color : You can set hover color of Button.
  • Buttons Hover Text Color : You can set Hover Text color of Button's Hover.
  • Button hover background opacity : You can set hover background opacity of Button.

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


    Header Settings


  • Show Topbar? : You can display Topbar.
  • Topbar background color : You can set Topbar Background color.
  • Topbar background opacity : You can set Topbar Background opacity.
  • Topbar Text : You can set Topbar text.
  • Topbar Text Color : You can set Topbar text color.
  • Topbar Text Hover Color : You can set Topbar text hover color.

Header Settings


    Header Settings


  • Upload Header Background Background Image : You can set Header Background Image.
  • Header Background Color : You can set Header Background color.
  • Header Background Opacity : You can set Header Background opacity.

    Navigation Menu Setting


  • Top Menu Text Color : You can set Text Color Of Top Menu.
  • Top Menu Text Hover Color : You can set Text Hover Color Of Top Menu.
  • Sub Menu Background Color : You can set Background Color Of Sub Menu.
  • Sub Menu text Color : You can set Text Color Of Sub Menu.
  • Sub Menu text hover Color : You can set Text Hover Color Of Sub Menu.
  • Categoty Title : You can set Category Title.

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).
  • Link Color: You can set Theme Content all Link color.
  • Link Hover Color: You can set Theme Content all Link's hover color.

Footer Settings

  • Footer Background Color : You can set Footer Background color.
  • Upload Footer Background Image : You can set Footer Background image.
  • Footer Title Color : You can set Title color of footer.
  • Footer Link Color : You can set link color of footer.
  • Footer Link Hover Color : You can set Link Hover color of footer.
  • Footer Font Family : You can set Footer Family.
  • Specified Other Footer Font : You can set Specified Other Footer Font.
  • Footer copyright:You have to easy enter the copyright Text from here. You just write down text whatever you want.
  • Top Footer Background Color : You can set Footer Background color.
  • Top Footer Background Opacity : You can set Footer Background Opacity.
  • Top Footer Text Color : You can set Top Footer Text color.

Product Settings

  • Related Products : You can set total number of related products.
  • Upsells Products: You can set totalnumber of upsells products.
  • Cross Sell Products: You can set total number of Cross Sell products.
  • Do you want secondary image on product? : Enable or Disable secondary image for product.
  • Display sidebar on single products page: You can show or hide sidebar on single product page.

Templatemela Builder

We Provide You different shortcodes to add from Admin Panel.



Theme Shortcodes

1 : Accordion Settings

Accordion Settings
You can add as many tabs you want, use drag & drop to change their order and also you can remove them
Style: (you can choose Accordion   style)
Title: (accordion item title)
Content: you can add description here (you can use html tags)

2 : Blog Grid / Slider Settings

Blog Settings
This Element allow you to add Blog on any page. Great solutions for all those who want to get blog content with other stuff.
Type: (you can choose Blog   type like grid or slider)
Items Per Column: (choose how many columns you want to show ex., 1,2,3,4,5,6)
Total Posts: (choose how many posts you want to show)
Category (enter category from which one you want to show posts)
Style Type (select blog style from which one you want to show for blog)
Width: (you can set Blog Image Width)
Height: (you can set Blog Image Height)
Limitation of Description: (you can set Limitation of Description)

3 : Brand Logos Settings

Brand Logos Settings
This Element allow you to show grid or slider for brands on any page.
Type: (you can enter Brand   type grid or slider)
Items Per Column: (choose how many columns you want to show ex., 1,2,3,4,5,6)

4 : Button

Button Settings
This Element allow you to add button with font awesome icon on any page.
Button Name: (Button Title)
Align: Button Align
Button Type: (you can set Button type   here ex. medium,small,big,mini)
Font Awesome Icon: (you can enter value for font-awesome icon   ex., fa-thumbs-o-up)
Icon Alignment: (you can set Icon Alignment   here ex., left,right,center)
Icon Background Color: (you can choose color for icon background)
Link URL: #
Link | Target : ( select where to open the linked document. )

5 : Categories Tabs

Categories Tabs Settings
This Element allow you to add Tabs with Categories Wise on any page.
Items: (enter number of items to display...)
Category ID: ( Add category ID of category you want to show. )
Link Text: ( Your Link Text. )
link URL: ( # )
Button | Target: ( select Button Target. )

6 : CMS Banner Block Settings

CMS Banner Block Settings
You can create cms banner block here
Classname: Add class name.
Image: (you can attach here cms background image.)
Link Text: (Your Link Text)
Link URL: #
Button Text Color: (Your button Text color)
Button | Target : ( select where to open the linked document. )
Text1: (Banner text1)
Text1 Color: (Banner text1 color)
Text2: (Banner text2)
Text2 Color: (Banner text2 color)

7 : Contact Address Settings

Contact Address Settings
This Element show you contact address on any page.
Title: (contact address item title)
description: you can add description here
Address Label: (Address Title)
Address: (you can enter Address   here)
Phone Label: (Phone Title)
Phone Number: (Mobile Number)
Email Label: (Email Title)
Email Link: (type email link)
Email: (type email)
Other Label: (Other Title)
Other: (enter extra detail here.)

8 : Counter

Counter Settings
This Element is creating nice counter with title. For this item you have some nice options described below.
Title: (counter item title)
Unique Id: (you can give Unique Id   for different item)
Start Number: (you can enter Start Number)
End Number: (you can enter End Number   )
Decimal: (you can enter Decimal   value)
Duration: (Duration for Counter   when it ends.)

9 : FAQ Settings

FAQ Settings
With this Element you can create own FAQ page
Type (you can choose FAQ   style for different layouts)
Category Id: (you can give Category Id   of faq categories ex.96)

10 : Feature Content Settings

Feature Content Settings
This Element is creating block for feature images and description.
Title (type title for this item)
Attach here Feature Image:(you can attach here feature image.)
Image Align: (you can set Image Align   here ex., left,right,center)
Content: you can add description here (you can use html tags)
Link Text: (you can enter Link Text)
Link URL: #
Button | Target : ( select where to open the linked document. )

11 : Lists Settings

Lists Settings
This Element is creating lists of content with icon.
Font Awesome Icon: (you can enter value for font-awesome icon   ex., fa-circle-o)
Icon Color: (you can choose color for icon color)
Content: you can add description here (you can use html tags)
Link URL: #
Button | Target : ( select where to open the linked document. )


Multiple Links Settings
With this Element you can create Multiple Links On page
Link Url (#)
Buttin | Target (select from dropdown)
Content (Your content)

13 : NewsLetter Content Settings

NewsLetter Content Settings
This Element is Newsletter content.
Text: SUBSCRIBE FOR OUR NEWSLETTER
Content: [newsletter]

14 : Portfolio Filter Settings

Portfolio Filter Settings
This Element is creating portfolio filter.
Items Per Column: (choose how many columns you want to show ex., 1,2,3,4,5,6)

15 : Portfolio Slider Settings

Portfolio Slider Settings
This Element is creating portfolio slider.
Items Per Column: (choose how many columns you want to show ex., 1,2,3,4,5)
Total Posts: (choose how many posts you want to show)
Category: (you can give Category Id   of portfolio ex.105)

16 : Portfolio Grid Settings

Portfolio Grid Settings
This Element is creating portfolio grid.
Items Per Column: (choose how many columns you want to show ex., 1,2,3,4,5)
Total Posts: (choose how many posts you want to show)

17 : Pricing Table Settings

Pricing Table Settings
This Element is creating responsive pricing table.
Title: (title)
Featured: (choose yes or no if you want to show featured table)
Button Text: (Button Text)
Button Link: (Button Link)
Button | Target: (choose Button | Target)
Price: (enter price)
Price For Period: (enter period ex., month,week,day)
Content: you can add description here (you can use html tags)

18 : Woo Products Settings

Woo Products Settings
You can add woo products in grid or slider
Type: (you can choose Products   type like grid or slider)
Items Per Column: (choose how many columns you want to show ex., 1,2,3,4,5,6)
Classname: (classname)
Content: ex., [featured_products per_page="28" columns="1" orderby="date" order="desc"] (you can use html tags)
No more Products: enter text for no product available.(no more product description for grid style)

19 : Product Tabs Settings

Product Tabs Title Settings

This Element is create tabs for woo products like Latest prodcts , Special Products, Best Seller Products, Feature Products .
Tab1: (title for tab1)
Tab2: (title for tab2)
Tab3: (title for tab3)
Tab4: (title for tab4)

After add Titles of Tabs you have to set Woo product shortcode for display different type of products.

Product Tabs Content Settings

Content: [tmpmela_tab_home][woo_products type="slider" items_per_column="4" classname="woofeature"][featured_products per_page="12" Columns="4" orderby="date" order="desc"][/woo_products]

Content: [tmpmela_tab_home][woo_products type="slider" items_per_column="4" classname="woonew"][recent_products per_page="12" columns="4" orderby="date" order="desc"][/woo_products]

Content: [tmpmela_tab_home][woo_products type="slider" items_per_column="4" classname="woosale"][sale_products per_page="12" columns="4" orderby="date" order="desc"][/woo_products]

Content: [tmpmela_tab_home][woo_products type="grid" items_per_column="4" classname="woobest"][best_selling_products per_page="12" columns="4" orderby="date" order="desc"][/woo_products]

( you can also use html tags in content )

20 : Services Settings

Services Settings
This Element is creating services with different style.
Title: (Service title)
Type: (you can choose Services   type for different layouts.)
Font Awesome Icon: (you can enter value for font-awesome icon   ex., fa-circle-o)
Icon Color: (you can choose color for icon color)
Icon Background Color: (you can choose color for icon background color)
Content: you can add description here (you can use html tags)

21 : Static Text Settings

Static Text Settings
This Element creating static text.
Text Align: (you can set Text Align   here ex., left,right,center)
Text Detail: (you can add description here (you can use html tags)

22 : Tabs Settings

Tabs Settings
You can create Horizontal and Vertical tabs with different styles
Type: (you can choose Tab   type for different layouts.)
Style: (you can choose Tab   style horizontal or vertical)
Title: (Tab title)
Content: you can add description here (you can use html tags)

23 : Title Settings

Title Settings
You can add identifying name of content or block
Title: (title)
Text Size: (you can set Text Size   here ex., big,normal,small)
Text Align: (you can set Text Align   here ex., left,right,center)
Text Color: (you can choose color for text color)
Classname: (extra classname)

24 : Our Team Settings

Our Team Settings
This Element shows staff detail.
Type: (you can choose staff   type like slider or grid)
Items Per Column: (choose how many columns you want to show ex., 1,2,3,4,5)
Total Posts: (choose how many posts you want to show)

25 : Testimonials Settings

Testimonials Settings
This Element allow you to Testimonials on about us page.
Type: (you can choose Testimonial   type like slider or grid)
Items Per Column: (choose how many columns you want to show ex., 1,2,3)
Total Testimonials: (choose how many posts you want to show)
Image Height: (you can set Testimonial Image Height)
Image Width: (you can set Testimonial Image Width)

26 : Toggle Settings

Toggle Settings
You can add as many tabs you want, use drag & drop to change their order and also you can remove them
Style: (you can choose Toggle   style)
Title: (toggle item title)
Content: you can add description here (you can use html tags)

27 : Woo Categories Slider

Woo Categories Slider
This Element allow you to Woo Categories Slider on page.
Items Per Column: ((choose how many columns you want to show ex., 1,2,3,4,5,6)
Category Display: (enter category from which one you want to show posts)
Hide Empty Category: (choose yes or no if you want to Hide Empty Category)
Category Image Height: (you can set Category Image Height)
Category Image Width: (you can set Category Image Width)

28 : Small Product

Small Product
This Element allow you to Small Product on page.
Classname: (classname)
Content: you can add description here (you can use html tags)
Link Text: (you can enter Link Text)
Link URL: #
Button | Target : ( select where to open the linked document. )

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 Appearance with name TM Hook Manager