Thim Elementor Kit

1.DONWLOAD AND INSTALL PLUGIN

Thim Elementor Kit plugin is integrated with Elementor plugin. So to use this plugin, you need to activate Elementor plugin.

1.1.Via WordPress search

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

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

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

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

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

4.1.Global Widgets

4.1.2.Thim Mini Cart

Select icon and alignment.
Show/hide empty, items indicator.

4.1.3.Thim Testimonial

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

Select logo image, size and alignment.

4.1.5.Thim List Blog

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

Add text for header info.

4.1.7.Thim Course

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.10.Thim Team

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

4.2.Header

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.

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.3.Footer

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

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

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

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

There are 3 conditions you can choose:

Archive: The Footer will display on the Archive page.
Singular: The Footer will display on the Single page.
Select page: The Footer 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

4.4.Archive Post

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

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

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”

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

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

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

1. Content

HTML Tag: select size text
Alignment: the position of the text

4.5.2.Thim Post Comment

1. Content

Skin: Theme comments: Comment form according to the theme you install

4.5.3.Thim Post Content

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.5.Thim Post Featured Image

1. Image

Image size: select size image

Alignment: Image display position

4.5.6.Thim Post Info

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

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 display position
Alignment: Text display position

4.6.Archive Product

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

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

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

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

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

1. Content

HTML Tag: select size text
Alignment: the position of the text

4.7.2.Thim Product Rating

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

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

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

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

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

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

1. Price

Price: Edit the format of the price

Alignment: the position of the text
Color:

– 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

1. Heading & Captions

4.7.10.Thim Product Additional Information

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

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

Type

Alignment: the position of the text
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

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

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

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