Thim Elementor Kit

  1. 1.DONWLOAD AND INSTALL PLUGIN
    1. 1.1.Via Wordpress search
    2. 1.2.Via Wordpress admin plugin upload
    3. 1.3.Via FTP
  2. 2.SETTINGS
  3. 3.CREATE A NEW TEMPLATE AND SELECT PAGE
  4. 4.Edit page and add widgets
    1. 4.1.Global Widgets
      1. 4.1.1.Thim Nav Menu
      2. 4.1.2.Thim Mini Cart
      3. 4.1.3.Thim Testimonial
      4. 4.1.4.Thim Site Logo
      5. 4.1.5.Thim List Blog
      6. 4.1.6.Thim Header Info
      7. 4.1.7.Thim Course
      8. 4.1.8.Thim Breadcrumb
      9. 4.1.9.Thim Social
      10. 4.1.10.Thim Team
    2. 4.2.Header
    3. 4.3.Footer
    4. 4.4.Archive Post
      1. 4.4.1.Thim Archive post
    5. 4.5.Single Post
      1. 4.5.1.Thim Post Title
      2. 4.5.2.Thim Post Comment
      3. 4.5.3.Thim Post Content
      4. 4.5.4.Thim Post Navigation
      5. 4.5.5.Thim Post Featured Image
      6. 4.5.6.Thim Post Info
      7. 4.5.7.Thim Author Box
    6. 4.6.Archive Product
      1. 4.6.1.Thim Archive Product
    7. 4.7.Single Product
      1. 4.7.1.Thim Product Title
      2. 4.7.2.Thim Product Rating
      3. 4.7.3.Thim Product Content
      4. 4.7.4.Thim Product Upsells
      5. 4.7.5.Thim Product Image
      6. 4.7.6.Thim Product Stock
      7. 4.7.7.Thim Product Tabs
      8. 4.7.8.Thim Product Price
      9. 4.7.9.Thim Product Meta
      10. 4.7.10.Thim Product Additional Information
      11. 4.7.11.Thim Product Add to Cart
      12. 4.7.12.Thim Product Short Description
      13. 4.7.13.Thim Product Related
    8. 4.8.Archive course
      1. 4.8.1.Thim Archive Course
    9. 4.9.Single Course
      1. 4.9.1.Thim Course Title
      2. 4.9.2.Thim Course Tags
      3. 4.9.3.Thim Course User Time
      4. 4.9.4.Thim Course Buttons
      5. 4.9.5.Thim Course Instructor
      6. 4.9.6.Thim Course Image
      7. 4.9.7.Thim Course User Progress
      8. 4.9.8.Thim Course Related
      9. 4.9.9.Thim Course Meta
      10. 4.9.10.Thim Course Price
      11. 4.9.11.Thim Course Tabs
      12. 4.9.12.Thim Course Categories
      13. 4.9.13.Thim Course Graduation
      14. 4.9.14.Thim Course Extra
  5. 5.How to use Thim-Elementor-Kit to import/customize Pages and Blocks

1.DONWLOAD AND INSTALL PLUGIN

This Documentation is used for Thim Elementor Kit.

To use Thim Elementor Kit, you need to activate Elementor plugin first.

1.1.Via WordPress search

This Documentation is used for Thim Elementor Kit.

Follow the below steps to install our Thim Elementor Kit plugin via WordPress Plugin Search:

  • Step 1. Visit Dashboard > Plugins > Add New
  • Step 2. Type ‘Thim Elementor Kit’ on the search bar
  • Step 3. You will see Thim Elementor Kit. Click Install Now
  • Step 4. Activate Thim Elementor Kit plugin.

1.2.Via WordPress admin plugin upload

This Documentation is used for Thim Elementor Kit.

You also can install the plugin Thim Elementor Kit using the upload option in the admin area.

First, you need to download our plugin Thim Elementor Kit from here: https://wordpress.org/plugins/

The plugin file must be a .zip file. Follow the below steps to install Elementor Thim Kit plugin via WordPress Admin Plugin Upload:

  • Step 1. Visit Dashboard > Plugins > Add New > Click button “Upload Plugin”
  • Step 2. Click the button “Choose file” then select the Thim-Elementor-Kit.zip file on your computer and click Install Now.
  • Step 3. Activate  Thim Elementor Kit plugin.

1.3.Via FTP

This Documentation is used for Thim Elementor Kit.

The third way to install the Thim Elementor Kit plugin is using FTP. First, you need to download our plugin LearnPress from here: https://wordpress.org/plugins/ The plugin file must be a .zip file. Follow the below steps to install Thim Elementor Kit plugin via FTP:

 

  • Step 1. Login your FTP account via FTP software to access your host web server
  • Step 2. Extract Thim-Elementor-Kit.zip file
  • Step 3. Upload the extracted folder Thim Elementor Kit to wp-content/plugins folder
  • Step 4. Activate Thim Elementor Kit plugin in Dashboard > Installed Plugins.

2.SETTINGS

This Documentation is used for Thim Elementor Kit.

In Settings of Thim Elementor Kit, you can enable/disable widgets that you want to use with the corresponding page.

3.CREATE A NEW TEMPLATE AND SELECT PAGE

This Documentation is used for Thim Elementor Kit.

  • Step 1: To create a new template, you go to your Dashboard => Thim Elementor => Add new template.
  • Step 2: Select a type for the template.
  • Step 3: Enter template name.
  • Step 4: Click “Create template”

4.Edit page and add widgets

This Documentation is used for Thim Elementor Kit.

4.1.Global Widgets

This Documentation is used for Thim Elementor Kit.

4.1.1.Thim Nav Menu

This Documentation is used for Thim Elementor Kit.

  • Select menu and alignment.
4.1.2.Thim Mini Cart

This Documentation is used for Thim Elementor Kit.

  • Select icon and alignment.
  • Show/hide empty, items indicator.
4.1.3.Thim Testimonial

This Documentation is used for Thim Elementor Kit.

1. Testimonial section

  • Select layout
  • Enable/disable Quote Icon
  • Add testimonial item.
2. Settings slider.

  • Set the number of items that will be shown, scrolled…
  • Enable/disable autoplay, pause on interaction, pause on hover…
  • Select pagination option.
4.1.4.Thim Site Logo

This Documentation is used for Thim Elementor Kit.

  • Select logo image, size and alignment.
4.1.5.Thim List Blog

This Documentation is used for Thim Elementor Kit.

  • Select layout, category, columns, image size….
  • Set the number of posts will be shown.
  • Add items for post data.
4.1.6.Thim Header Info

This Documentation is used for Thim Elementor Kit.

  • Add text for header info.
4.1.7.Thim Course

This Documentation is used for Thim Elementor Kit.

1. Options

  • Select skin, category, order by, columns.
  • Set the number of courses will be shown.
2. Content

  • Show/hide thumbnail.
  • Select image size, meta overlay/
  • Configure “Read more” button.
  • Add item for post data.
4.1.8.Thim Breadcrumb

This Documentation is used for Thim Elementor Kit.

  • Select color for text, link, and delimiter.
  • Configure typography and select alignment.
4.1.9.Thim Social

This Documentation is used for Thim Elementor Kit.

  • Select icon and alignment.
  • Add items for social media.
4.1.10.Thim Team

This Documentation is used for Thim Elementor Kit.

  • Select layout, columns and image size.
  • Add items for list member.

4.2.Header

This Documentation is used for Thim Elementor Kit.

To edit the Header, you must first enable the Header builder in Thim ElementorKits Settings.

Please go to Dashboard => Thim Elementor => Settings => Modules => Enable Header Builder

To edit Header with Thim Elementor KITs, please go to Dashboard => Thim Elementor => All Templates => Header.

Edit_header_1

 

To edit the Template name, Conditions, please Choose Edit. This will display a popup like a picture below:

If you choose to enable sticky, the Sticky menu will display.

There are 3 conditions you can choose:

  • Archive: The header will display on the Archive page.
  • Singular: The header will display on the Single page.
  • Select page: The header will be displayed on the page you select. You need to enter the name of the page you want to display.

To edit Elementor, please choose Edit with Elementor

Drag and drop widgets in the left column of the Elements tab => Update
To display the Mega Menu with Thim Elementor KITs, please go to Dashboard => Thim Elementor => Settings => Modules => Enable Mega Menu 

After please go to Dashboard => Appearance => Menu => Theme Menu Settings => Enable Mega Menu

Next, you need to choose to edit the menu and add a mega menu  to the menu you want.

Here, you can edit General, Icon, Badge, and Setting:

  • General: you can enable/disable Mega Menu.
  • Icon: you can enable/disable Menu Icon and edit icons.
  • Badge: you can enable/disable Menu Badge and edit Badge.
  • Settings: you can edit the width and position Mega Menu.

To edit Elementor, please choose Edit with Elementor.

4.4.Archive Post

This Documentation is used for Thim Elementor Kit.

To create post archive page with Thim Elementor KITs have the following steps:

  1. Select tab Thim Elementor =>All Templates =>Add new.

Show the “Add new template” box:

2. Select the type “Archive Post“, type the template name you want, for example: Archive post test 1 => Select “Create template” button

Create a post archive page with Thim Elementor KITs successfully

3. Select “Set Archive Post” to set this page as the main page. If “Set Post Archive” is unchecked, the post page in the Archive will show the default themes.

 

 

The page after being selected will have an active icon

Select “Remove Archive Post” or select “Disable” to cancel the active icon

4. To edit post archive page with Thim Elementor KITs: Select “Edit with Elementor”

We have provided Thim Archive Post widget to display all posts on your website

Drag and drop widgets in the left column of the Elements tab => Update

4.4.1.Thim Archive post

This Documentation is used for Thim Elementor Kit.

Editing with Thim archive post includes the following steps

Drag and drop thim archive post to the right box in the image

 

This is the interface when you successfully drag and drop “Thim Archive Post”

  1. Content

  • Skin:  Choose a Skin style for the tag, default is Classic, also Tag and  Full Content
  • Columns:  Select the number of posts to appear in 1 row. Default is 3
  • Show Image: Allow to show the featured image of the post or disable the option to hide it
  • Image Postion: Choose the display position of the post’s photo. Default image shows top
  • Image Size: Choose image size
  • Post Data: There are 4 types of data: title, meta data, content, read more

Click the icon to duplicate the title

 

  • Type: Select Type to change to Meta Data, Content or Read More
  • Tile HTML Tag: select size text
  • Button ADD ITEM: add type data

Open in new window

  • Enable: Redirect to a new tab when clicking on a post
  • Disable: Don’t redirect to a new tab when clicking on a post

2. Pagination

  • You can select type for pagination.

 

After editing, remember to click the Update button

4.5.Single Post

This Documentation is used for Thim Elementor Kit.

To create post single page with Thim Elementor KITs have the following steps:

  1. Select tab Thim Elementor =>All Templates =>Add new.

Show the “Add new template” box:

2. Select the type “Single Post“, type the template name you want, for example: Single post test 1 => Select “Create template” button

Create a post single page with Thim Elementor KITs successfully

3. Select “Set Single Post” to set this page as the main page. If “Set Post Single” is unchecked, the post page in the single will show the default themes.

The page after being selected will have an active icon

 

Select “Remove Single Post” or select “Disable” to cancel the active icon

 

4. To edit post single page with Thim Elementor KITs: Select “Edit with Elementor”

We have provided Thim Single Post widget to display all posts on your website

Drag and drop widgets in the left column of the Elements tab => Update

4.5.1.Thim Post Title

This Documentation is used for Thim Elementor Kit.

1. Content

  • HTML Tag: select size text
  • Alignment: the position of the text
4.5.2.Thim Post Comment

This Documentation is used for Thim Elementor Kit.

1. Content

  • Skin: Theme comments: Comment form according to the theme you install
4.5.3.Thim Post Content

This Documentation is used for Thim Elementor Kit.

1. Content
Alignment :the position of the text

Text Color:

  • Default: There are 4 default colors
  • Color Picker: Drag and drop the mouse to the color you want to select
Typography:

  • Custom:
  • Family: Choose a font family style for the title
  • Size: Choose a  size for the title
  • Weight: Choose a weight style for the title
  • Transform: Choose a font style for the title
  • Style: Choose a font  for the title
  • Decoration:  Choose a font Decoration  for the title
  • Line-Height: Edit the top and bottom spacing of text and blocks
  • Letter Spacing: Edit the width of the text
  • Word Spacing:
4.5.4.Thim Post Navigation

This Documentation is used for Thim Elementor Kit.

1. Content

  •  Show Label: Show text label
  •  Previous Label: Create text label
  • Next Label: Create text label
  • Arrow Next Icon: Do the same as arrows prev icon
4.5.5.Thim Post Featured Image

This Documentation is used for Thim Elementor Kit.

1. Image

 

 

  • Image size: select size image

4.5.6.Thim Post Info

This Documentation is used for Thim Elementor Kit.

1. Post Meta

Author: show author

  • Type: choose post meta type
  • Avatar: Show Avatar
  • Avatar size: Select size image
  • Enable Link: Link for text author

 

Date: Show date

  • Type: choose post meta type
  • Date format: choose date format or custom

Time: Show time

  • Type: choose post meta type
  • Date format: choose time format or custom

Comments: Show comments

  • Type: choose post meta type

Button “ADD ITEM”: Add post meta type

4.5.7.Thim Author Box

This Documentation is used for Thim Elementor Kit.

1. Author Box

  • Show avatar
  • Display name: Show text
  • Author Name Tag: Choose text size
  • Link: Add link for text for text author and image
  • Biography: show author’s bio
  • Avatar Postition: Image
  • Alignment: Text

4.6.Archive Product

This Documentation is used for Thim Elementor Kit.

To create product archive page with Thim Elementor KITs have the following steps:

  1. Select tab Thim Elementor =>All Templates =>Add new.

Show the “Add new template” box:

2. Select the type “Archive Product“, type the template name you want, for example: Archive product test 1 => Select “Create template” button

 

Create a product archive page with Thim Elementor KITs successfully

3. Select “Set Archive Product” to set this page as the main page. If “Set Product Archive” is unchecked, the post page in the Archive will show the default themes.

The page after being selected will have an active icon

 

Select “Remove Archive Product” or select “Disable” to cancel the active icon

4. To edit product archive page with Thim Elementor KITs: Select “Edit with Elementor”

We have provided Thim Archive Product widget to display all posts on your website

Drag and drop widgets in the left column of the Elements tab => Update

4.6.1.Thim Archive Product

This Documentation is used for Thim Elementor Kit.

1. Content

  • Columns: Product’s column number
  • Row: Product’s row number
  • Limit: Number of products displayed
  • Paginate

Enable: Show pagination

Disable: Don’t show pagination

4.7.Single Product

This Documentation is used for Thim Elementor Kit.

To create product single page with Thim Elementor KITs have the following steps:

  1. Select tab Thim Elementor =>All Templates =>Add new.

Show the “Add new template” box:

2. Select the type “Single Product“, type the template name you want, for example: Single product test 1 => Select “Create template” button

 

 

Create a product single page with Thim Elementor KITs successfully

 

3. Select “Set Single Product” to set this page as the main page. If “Set Product Single” is unchecked, the post page in the single will show the default themes.

The page after being selected will have an active icon

 

Select “Remove Single Product” or select “Disable” to cancel the active icon

4. To edit product single page with Thim Elementor KITs: Select “Edit with Elementor”

We have provided Thim Single Product widget to display all posts on your website

Drag and drop widgets in the left column of the Elements tab => Update

4.7.1.Thim Product Title

This Documentation is used for Thim Elementor Kit.

1. Content

 

  • HTML Tag: select size text
  • Alignment: the position of the text
4.7.2.Thim Product Rating

This Documentation is used for Thim Elementor Kit.

1. Style

 

  • Star Color:

Global colors: there are 4 default colors

  • Empty Star Color: color shows star when no rating
  • Star Size: select size
  • Show Link
  • Alignment: the position of the text
4.7.3.Thim Product Content

This Documentation is used for Thim Elementor Kit.

1. Style
Alignment: the position of the text

Color:

  • Global Colors: there are 4 default colors
  • Color Picker: Drag and drop the mouse to the desired color

Typography:

  • Custom:
  • Family: Choose a font family style for the title
  • Size: Choose a  size for the title
  • Weight: Choose a weight style for the title
  • Transform: Choose a font style for the title
  • Style: Choose a font  for the title
  • Decoration:  Choose a font Decoration  for the title
  • Line-Height: Edit the top and bottom spacing of text and blocks
  • Letter Spacing: Edit width of text
  • Word Spacing:
4.7.4.Thim Product Upsells

This Documentation is used for Thim Elementor Kit.

1. Content

Select display for Upsell products

  • Limit: Limited number of products on display
  • Columns: Product column number
  • Order By: Display the order of the products upsell
  • Order: Sort by DESC or ASC
4.7.5.Thim Product Image

This Documentation is used for Thim Elementor Kit.

1. Image
Alignment: the position of the image

Border:

Color:

  • Global Colors: there are 4 default colors
  • Color Picker: Drag and drop the mouse to the desired color

Box Shadow: Increase or decrease the spread width for the shadow

2. Thumbnail

Edit the thumbnail image similar to the inside of the above image

4.7.6.Thim Product Stock

This Documentation is used for Thim Elementor Kit.

1. Style
Stock Color:

  • Global Colors: there are 4 default colors
  • Color Picker: Drag and drop the mouse to the desired color

Out of stock color:

  • Global Colors: there are 4 default colors
  • Color Picker: Drag and drop the mouse to the desired color

Typography:

    • Custom
    • Family: Choose a font family style for the title
    • Size: Choose a  size for the title
    • Weight: Choose a weight style for the title
    • Transform: Choose a font style for the title
    • Style: Choose a font  for the title
    • Decoration:  Choose a font Decoration  for the title
    • Line-Height: Edit the top and bottom spacing of text and blocks
    • Letter spacing: Edit width of text

Word Spacing:

4.7.7.Thim Product Tabs

This Documentation is used for Thim Elementor Kit.

1.Tab
Normal: Tab’s text when normal

Active: Tab’s text when active

Text color

  • Global Colors: there are 4 default colors
  • Color Picker: Drag and drop the mouse to the desired color

Background color:

  • Global Colors: there are 4 default colors
  • Color Picker: Drag and drop the mouse to the desired color

Border Color

  • Global Colors: there are 4 default colors
  • Color Picker: Drag and drop the mouse to the desired color

Typography:

  • Custom:
  • Family: Choose a font family style for the title
  • Size: Choose a  size for the title
  • Weight: Choose a weight style for the title
  • Transform: Choose a font style for the title
  • Style: Choose a font  for the title
  • Decoration:  Choose a font Decoration  for the title
  • Line-Height: Edit the top and bottom spacing of text and blocks
  • Letter Spacing: Edit width of text
  • Word Spacing:
4.7.8.Thim Product Price

This Documentation is used for Thim Elementor Kit.

1. Price
Price: Edit the format of the price

  •  Alignment: the position of the text
  •  Color:
                 – Global Colors: there are 4 default colors

– Color Picker: Drag and drop the mouse to the desired color

  • Typography:

– Custom:

  • Family: Choose a font family style for the title
  • Size: Choose a  size for the title
  • Weight: Choose a weight style for the title
  • Transform: Choose a font style for the title
  • Style: Choose a font  for the title
  • Decoration:  Choose a font Decoration  for the title
  • Line-Height: Edit the top and bottom spacing of text and blocks
  • Letter Spacing: Edit width of text
  • Word Spacing:
  • Sale Price: Edit same as above price
4.7.9.Thim Product Meta

This Documentation is used for Thim Elementor Kit.

1. Heading & Captions

 

Category

Tag

SKU: If the SKU is empty, this label will be displayed

4.7.10.Thim Product Additional Information

This Documentation is used for Thim Elementor Kit.

  1. Style

  • Enable/disable heading
  • Color: Choose a color
  • Label: Select the label style
  • Value: Select the value style
4.7.11.Thim Product Add to Cart

This Documentation is used for Thim Elementor Kit.

1.Button

  • Select options to complete button

2.Quantity

  • Select options to complete price

3. Variations

  • Select options to complete button
4.7.12.Thim Product Short Description

This Documentation is used for Thim Elementor Kit.

  1. Type
  • Alignment: the position of the text
  •  Color:
                  – Global Colors: there are 4 default colors
                  – Color Picker: Drag and drop the mouse to the desired color
  • Typography

– Custom:

  • Family: Choose a font family style for the title
  • Size: Choose a  size for the title
  • Weight: Choose a weight style for the title
  • Transform: Choose a font style for the title
  • Style: Choose a font  for the title
  • Decoration:  Choose a font Decoration  for the title
  • Line-Height: Edit the top and bottom spacing of text and blocks
  • Letter Spacing: Edit width of text
  • Word Spacing:

4.8.Archive course

This Documentation is used for Thim Elementor Kit.

Step 1: When you create a new template, you select Archive course type => Enter Template name => Click “Create template”.

Step 2: To activate template, you go to your Dashboard => Thim Elementor => All Templates => Archive Course tab => Hover to a template => Click “Set Archive Course”.

Step 3: Click “Edit with Elementor”.

4.8.1.Thim Archive Course

This Documentation is used for Thim Elementor Kit.

1. Options

  • Enable full Ajax to not reload the page when clicking pagination.
  • Select skin and number of columns.
  • Add & edit items for the top bar and sort them.
2. Content

  • Show/hide thumbnail of course.
  • Select thumbnail size.
  • Select meta overlay on thumbnail.
  • Add items for post data and sort them.
  • Enable/disable open in new window.
3. Pagination

  • You can select type for pagination.

4.9.Single Course

This Documentation is used for Thim Elementor Kit.

Step 1: When you create a new template, you select Single Course type => Enter Template name => Click “Create template”.

Step 2: To activate template, you go to your Dashboard => Thim Elementor => All Templates => Archive Course tab => Hover to a template => Click “Set Single Course”.
Step 3: Click “Edit with Elementor”.
4.9.1.Thim Course Title

This Documentation is used for Thim Elementor Kit.

  • Select HTML Tag and alignment of course title.
4.9.2.Thim Course Tags

This Documentation is used for Thim Elementor Kit.

  • Add name for singular and plural when the course has 1 tag or more tags.
4.9.3.Thim Course User Time

This Documentation is used for Thim Elementor Kit.

  • Add text for start label, finish label, and explanation label…
  • Select date format.
4.9.4.Thim Course Buttons

This Documentation is used for Thim Elementor Kit.

1. Button

  • Select alignment for button.
2. Configure buttons

You can configure some buttons: start, continue, purchase, finish, retake and external link.

  • Configure typography.
  • Select button type.
  • Configure border radius, box shadow, padding.
  • Set text color & background type when normal and hover.
4.9.5.Thim Course Instructor

This Documentation is used for Thim Elementor Kit.

  • Show/hide avatar, name, description, socials.
4.9.6.Thim Course Image

This Documentation is used for Thim Elementor Kit.

  • Select image size and alignment.
  • Set width, max width, and height.
  • Set opacity, select border type, spacing…when normal and hover.
4.9.7.Thim Course User Progress

This Documentation is used for Thim Elementor Kit.

  • Add text for labels.
4.9.9.Thim Course Meta

This Documentation is used for Thim Elementor Kit.

  • Add some items for the content section.
4.9.10.Thim Course Price

This Documentation is used for Thim Elementor Kit.

  • Select alignment, color, and typography….
4.9.11.Thim Course Tabs

This Documentation is used for Thim Elementor Kit.

  • Add item and select type, icon and add text for it.
  • Select active tab.
4.9.12.Thim Course Categories

This Documentation is used for Thim Elementor Kit.

  • Add text for singular, plural and select icon
4.9.13.Thim Course Graduation

This Documentation is used for Thim Elementor Kit.

  • Configure style: select alignment, color, typography….
4.9.14.Thim Course Extra

This Documentation is used for Thim Elementor Kit.

  • Add items to show extra information.

5.How to use Thim-Elementor-Kit to import/customize Pages and Blocks

This Documentation is used for Thim Elementor Kit.