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 option also enter logo alter text.
  • Favicon Icon : It's an easy way to upload Favicon Icon.
  • Show Site Description : If you make this option to "yes" then you can see sub description on below logo.
  • Show Control Panel : If you make this option to "yes" then you can see control panel option on front page.
  • Upload Background Image : You can set Background Image of Body.
  • Body Home Page Background Color : You can set Home Page Background color 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 Border Color : You can set Border color of Button
  • Buttons text Color : You can set text color of Button
  • Button background opacity : You can set opacity of Button background to 0 or 1
  • Buttons Hover Color : You can set Hover color of Button
  • Buttons Hover Border Color : You can set Hover Border color of Button's Hover
  • Buttons Hover Text Color : You can set Hover Text color of Button's Hover
  • Button hover background opacity : You can set opacity of Button Hover background to 0 or 1
  • Revolution Slider Alias : This setting is used to give name of revolution slider Alias. e.g ( tm_homeslider )

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.

Sidebar Settings


  • Sidebar Text Color : You can set color of text.
  • Sidebar Text Link Hover Color : You can set Hover color of text.
  • Display sidebar on other page? : You can show or hide by setting it as Yes/No.

Topbar Settings


  • Show Topbar? : You can set visibility of topbar.
  • Show Topbar Text? : You can set visibility of topbar text.
  • Topbar Text : You can add topbar text.
  • Topbar background color : You can set background color of topbar.
  • Topbar background opacity : You can set background opacity of topbar.
  • Topbar Text Color : You can set color of topbar text.

Header Settings


    Header Settings


  • Header Top Background Color : You can set header top background color.
  • Upload Header Background Image : You can set Header Background image.
  • Header Bottom Background Color : You can set Header bottom Background color.
  • Header Background Opacity : You can set background color opacity of Header Bar. e.g. ( 0.0 to 1 )

    Service CMS Setting


  • Show Service CMS? : You can show or hide by setting it as Yes/No.
  • Service1 CMS Title : You can set title of service1.
  • Service1 CMS Title Link : You can set redirect link of service1.
  • Service1 CMS subTitle : You can set subtitle of service1.
  • Service1 CMS offer text : You can set offertext of service1.

    Navigation Menu bar & Text Setting


  • Top Navbar background color : You can set background color of Top Navbar
  • Top Navbar Background Opacity : You can set background color opacity of Nav Bar. e.g. ( 0.0 to 1 ).
  • Top Menu Text Color : You can set Menu Text Color of Top Nav.
  • Top Menu Text Hover Color : You can set Menu Text Hover Color of Top Nav.
  • Categoty Title : You can set title of category.
  • Category title background color : You can set background color of category title.

    Mobile Menu Settings


  • Mobile Menu Background Color : You can set background color of Mobile Menu.
  • Mobile Menu Background Opacity : You can set background color opacity of Mobile Menu. e.g. ( 0.0 to 1 ).
  • Mobile Menu Text Color : You can set Text Color of Mobile Menu.
  • Mobile Menu Text Hover Color : You can set Text Hover Color of Mobile Menu.

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.
  • Display Sidebar on other page: You can show or hide by setting it as Yes/No.

Footer Settings

  • Footer Background Image : You can Change your footer background image.

    Top Footer Setting


  • Footer Top Outer Background Color : You can set background color of top outer footer.
  • Footer Top Background Color : >You can set background color of top footer.
  • Footer Top Background Opacity : You can set background color opacity of top footer. e.g. ( 0.0 to 1 )
  • Top Footer Title Color : >You can set color of footer title.
  • Top Footer Link Color: You can set Link color for footer.
  • Top Footer Link Hover Color: You can set footer Link's hover color.

    Bottom Footer Setting


  • Bottom Footer Link Color : You can set bottom footer Link color.
  • Bottom Footer Link Hover Color : You can set bottom Footer Link's hover color.
  • Footer copyright : You have to easy enter the copyright Text from here. You just write down text whatever you want.
  • Footer copyright Link : You can set footer copyright link.

Shop 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 : Home Single Product Settings

Home Single Product Settings
This Element allow you to add Home Single Product on Home page.
Main Image Height: (you can set Product Image Height)
Main Image Width: (you can set Product Image Width)
Total Product: (choose how many Product you want to show)

3 : 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)
Height: (you can set Blog Image Height)
Width: (you can set Blog Image Width)

4 : Brand Settings

Brand List Settings
This Element allow you to show List for brands on any page.
Style Type: (you can choose Brand   type for different layouts)
Items Per Column: (choose how many columns you want to show ex., 1,2,3,4,5,6)
Height: (you can set Brand Image Height)
Width: (you can set Brand Image Width)

5 : Brand List Settings

Brand List Settings
This Element allow you to show List for brands on any page.
Items Per Column: (choose how many columns you want to show ex., 1,2,3,4,5,6)
Height: (you can set Brand Image Height)
Width: (you can set Brand Image Width)

6 : 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. )

7 : Categories Tabs

Categories Tabs Settings
This Element allow you to add Tabs with Categories Wise 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)
Items: (enter number of items to display...)
Category ID: ( Add category ID of category you want to show. )

8 : Woo Categories Slider Settings

Woo Categories Slider Settings
This Element allow you to add Woo Categories on any page.
Items Per Column: (choose how many columns you want to show ex., 1,2,3,4,5,6,7)
Category Display: (you can choose parent & parentCategory + subcategory)
Hide Empty Category: (you can choose hide/display empty category)
Category Image Height: set category height
Category Image Width: set category width

9 : CMS Banner Block Settings

CMS Banner Block Settings
You can create cms banner block here
Classname: Add class name.
Attach image for cms block background: (you can attach here cms background image.)
Style Type: Select Style Type. e.g one or two
Link Text: you can set link url lable e.g Shop Now
Link URL: #
Button | Target : ( select where to open the linked document. )
text1: (Banner text1)
text2: (Banner text2)
text3: (Banner text3)
text4: (Banner text4)

10 : Offer Banner Block Settings

Offer Banner Block Settings
You can create offer banner block here
Classname: Add class name.
Link Text: you can set link url lable e.g Shop Now
Link URL: #
Button | Target : ( select where to open the linked document. )
text1: (Banner text1)
text2: (Banner text2)
text3: (Banner text3)
text4: (Banner text4)
text5: (Banner text5)
text6: (Banner text6)

11 : 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.)

12 : Counter Settings

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.)

13 : 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)

14 : 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. )

15 : Home Page Services Settings

Home Page Services Settings
With this Element you can create own Home Page Services
Service Number (you can identify Number for service)
Dark Service Title: (you can set Dark Service Title ex.next day delivery)
Service Title: (you can set Service Title ex.UK Orders Only)
Type (you can choose Service   style for different service style)

16 : 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
This Element is creating Multiple Links.
Link URL: #
Button | Target : ( select where to open the linked document. )
Content: you can add description here (you can use html tags)

18 : Newsletter Content Settings

Newsletter Content Settings
This Element is creating linkeable text.
Text: Your Newsletter Text
Extra Text : Any Extra Text Goes Here
Content: you can add description here

19 : 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)

20 : 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)

21 : 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)

22 : 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)

23 : 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="3" 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)

24 : 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="grid" items_per_column="6" classname="woonew"][recent_products per_page="20" Columns="6" orderby="date" order="desc"][/woo_products]

Content: [tmpmela_tab_home][woo_products type="grid" items_per_column="6" classname="woofeature"][featured_products per_page="20" Columns="6" orderby="date" order="desc"][/woo_products]

Content: [tmpmela_tab_home][woo_products type="slider" items_per_column="6" classname="woobest"][best_selling_products per_page="15" columns="6" orderby="date" order="desc"][/woo_products]

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

( you can also use html tags in content )

25 : Services Settings

Services Settings
This Element is creating services with different style.
Type: (you can choose Services   type for different layouts.)
Icon Color: (you can choose color for icon color)
Icon Background Color: (you can choose color for icon background color)
Font Awesome Icon: (you can enter value for font-awesome icon   ex., fa-circle-o)
Title: (Service title)
Link Text: (you can enter Link Text)
Link URL: #
Button | Target : ( select where to open the linked document. )
Content: you can add description here (you can use html tags)

26 : 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)

27 : 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)

28 : Title Settings

Title Settings
You can add identifying name of content or block
Title: (title)
Subtitle: (subtitle)
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)

29 : 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)

30 : Testimonials Settings

Testimonials Settings
This Element allow you to Testimonials on about us page.
Type: (you can choose Testimonials   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)

31 : 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)

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