Codezeel Framework For WordPress

Codezeel Theme Settings

You will found Codezeel 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.
  • Mobile Logo Image : It's an easy way to upload mobile logo ( used in responsive media)from Logo Image option also enter mobile 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 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 of Button
  • Buttons text Color : You can set text color of Button
  • Buttons background hover Color: You can set background hover color of Button
  • Buttons Hover Text Color : You can set Hover Text color of Button's Hover
  • Revolution Slider Alias : This setting is used to give name of revolution slider Alias. e.g ( tmpmela_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.

Header Settings


    Header Settings


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

    Navigation Menu Setting


  • TopHeader Background Color: You can set background color of TopHeader
  • Top Menu text color : You can set Menu Text Color of Navigation Menu Bar.
  • Top Menu text hover color : You can set Menu Text Hover Color of Navigation Menu Bar.
  • Top Menu text color : You can set Menu Text Color of Navigation Menu Bar.
  • Top Menu text hover color : You can set Menu Text Hover Color of Navigation Menu Bar.
  • Show Wishlist Information : Yes/No.
  • Show Contact : Yes/No.
  • Contact : You can Change Contact Text.
  • Show Wishlist : Yes/No.
  • Show Loading GIF : Yes/No.

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 Link Color : You can set Footer Link color.
  • Footer Link Hover Color : You can set Footer Link's hover color.
  • Footer Font : You can set Font Family for Footer.
  • Specified Other Footer Font : You can set other Font Family for Footer.
  • Footer copyright : You have to easy enter the copyright Text from here. You just write down text whatever you want.

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.

Codezeel 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 (select blog style from which one you want to show for blog)
Height: (you can set Blog Image Height)
Width: (you can set Blog Image Width)

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

6 : 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.)
Link Text: enter link text
Link URL: #
Button | Target : ( select where to open the linked document. )
Text1: (Banner text1)
Text2: (Banner text2)

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

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 : HomePage Service Block Settings

Feature Content Settings
This Element is creating block for feature images and description.
Service Number: (Identify Number for service. ex.1,2,3,..)
Service Title: you can set service title here
Other Text: you can add other text here
Type: (you can select service style for different look)

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

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="16" columns="4" 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.
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)

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)
Sub Title: (sub-title)
Select 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 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)

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 Settings

Woo Categories Slider Settings
This Element allow you to add Woo Categories Slider on any page.
Items Per Column: (choose how many columns you want to show ex., 1,2,3)
Category Display: (choose how many columns you want to show ex., Parent or ParentCategories+SubCategories)
Type: (you can choose Category   type like grid or slider)
Hide Empty Category(choose how many if you want to show empty or not)
Height: (you can set Category Image Height)
Width: (you can set Category Image Width)

28 : Product Schedule

Product Schedule
This Element shows Product Schedule details.
Sale Starting date: you can add Timer Starting date in formate YYYY-MM-DD
Sale Ending date: you can add Timer Ending date in formate YYYY-MM-DD

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