1. GENERAL

We would like to thank you for choosing Tutorx. Built compatibly with the latest version of WordPress, page builder plugin Elementor and SiteOrigin , Tutorx promises to give you awesome experiences in creating your own education websites.

2. INSTALLATION

Download Theme

Get the Theme installation package from your account download page and save it to your desktop.

Since required & recommended plugins are already packed in the download file, you won’t need to go download them individually.

Upload Theme

You can upload the Theme file in two ways:

I. Via WordPress – Log into your WordPress site.

II. Uploading Via Filezilla

(SKIP THIS STEP if you have already successfully uploaded  theme via WordPress) – Now you will learn how to upload your files using the Filezilla client.

2.1. System Requires

There are system requirements in order to install and setup the Tutorx theme and its components properly. Make sure that you are running the latest version of WordPressPHP version 7.0 or higher and MySQL version 5.7 or higher. We also recommend the following PHP configuration limits:

Recommended hosting configuration

  • vCPU: 3
  • Memory (RAM): 3 GB
  • SSD Storage: 60 GB

Recommended PHP configuration limits

  • upload_max_filesize = 32M
  • post_max_size = 32M
  • max_execution_time = 300
  • max_input_time = 300
  • memory_limit = 256M

Please contact your service provider to verify your current PHP limits and have them set it up again if needed.

Note: Once you successfully install and activate the Tutorx theme, Tutorx Dashboard will be added to your WordPress menu. You can verify those requirements under Tutorx > System Status 

2.2. Install Theme

For uploading Theme with WordPress uploader:

 Wait for the notice below to appear and then click the link “Activate”.

For uploading Theme with FTP tool:

1. Open the WordPress Dashboard.

2. Go to Appearance > Themes.

3. Click activate Theme.

And then :

Enable Thim Core to activate the core of Tutorx and start importing demo data process.

3. CUSTOMIZATION

Customize

By clicking on the “Customize” menu under “Appearance”, you’ll be able to change all specific template settings.

There will appear:

Please note that, after configuring something in customize, you need to click blue button <<Save & Publish>> to apply changes.

3.1 General

This is for customizing Logo, Layouts, Styling, Typography and Extra Features of Page.

Logo: Change Logo, Sticky Logo, Retina Logo, Logo Width, Site Icon for Site

Layouts: customizing Site Layouts, Archive Layouts, Single Layouts and Page Layouts

Styling: customizing Primary Color, Second color, Background type and Content Padding.

Typography: customizing Body Font, Headings Font and Heading.

Extra Features: customizing Loading Icon and enable/disable extra features:  Open Graph Meta tags, Back to Top and Preload.

Error page: customizing 404 page.

Custom Css and Js: customizing css and js of theme

 

     

    

    

3.2 Header

This is for customizing Layouts, Top Bar, Main menu, Sub Menu and Sticky Menu.

Layouts: customizing  Header Position, Background Color and Header Padding.

Top Bar: customizing for displaying Topbar.

Main menu: customizing Fonts and Text Color Hover.

Sub Menu: customizing Background Color, Text Color and Text Hover Color.

Sticky Menu: customizing for displaying Sticky menu on Scroll and its style.

    

    

3.3 Page Title

This is for customizing Page Title settings, Title settings and Page Breadcrumb settings

Page Title Setting: customizing turn on/off Page Title.

Title: customizing Background (Image/ Color/ Padding) and Title Style.

Page Breadcrumb: customizing Breadcrumn Icon and Font.

    

3.4 Blog

This is for customizing Archive Page, Settings, Layouts, Meta Tags and Social Share of Blog.

Archive Page and Single Page: customizing for displaying Page Title, Breadcrumb and Background (Image/ Color).

Settings: customizing Blog Style, Blog Column, displaying Featured Image, Comments and Related Posts.

Layouts: customizing Blog Archive and Blog Single Layouts.

Meta Tags: customizing displaying Author, Date, Category, Tag and Comment Number

Social Share: customizing displaying and sortable Button Sharing.

     

    

3.5 Events

This is for customizing Archive page, Single page and Settings for Events.

Archive page: customizing Layouts and Page Title for Archive Event page..

Single page: customizing Layouts and Page Title for Single Event page..

Settings: customizing Amount Events Feature.

    

3.6 Portfolio

This is for customizing Archive Portfolio and Layouts of Portfolio.

Archive Page: customizing for displaying Page Title, Breadcrumb, Background (Image/ Color) and Post Number.

Layouts: customizing Layouts for Portfolio.

    

3.7 Course

This is for customizing Archive Course and Layouts of Course.

Archive Page: customizing for displaying Page Title, Breadcrumb, Background (Image/ Color) and Post Number.

Layouts: customizing Layouts for Course.

   

3.8 Footer

This is for customizing Footer settings and Copyright settings.

Footer Setting: customizing Layouts, Widgets and Background of Footer.

Copyright: customizing Copyright Text, Color and Background.

    

3.9 Menus

This is for customizing Menus. You can edit available menus or add your own menus.

3.10 Widgets

This is for customizing Widgets areas including Right menu, Sidebar, Footer Top and Copyright Sidebar.

3.11 Woocommerce

This is for customizing for shop page of Woocommerce..

Product Catalog: Integrate some more options about Shop Archive Page of Woocommerce.

Shop Single Page: customizing Layouts for Shop Single Page of Woocommerce.

4. WOOCOMMERCE PRODUCT

Adding a Product

Adding a simple product is a straight forward process that is not very different from publishing a standard WordPress post. In the Products menu click “Add Product”, you will be presented with a familiar interface, and should immediately see where to type the product title and full description.
Next is setting the Product Data tab. This is where the majority of the product data is input.
  1. SKU – stock keep unit, used to track products. It must be unique for each product, and should be named so it does not clash with post ID’s.
  2. Price:
  • Regular Price – The item’s main price.
  • Sale Price – The item’s sale price. When adding a Sale Price, a “Sale” icon will automatically appear on your product image.

For more details, please follow the official docs.

Product Variations

Variable products are a great feature of WooCommerce for offering variations of your product with different prices, stock and more. They can be used to offer variations of a product, for example different sizes for a type of T-shirt. You can set different properties and prices for each variation.
Set the product type: to add a variable product, first select the type ‘variable’ from the product type drop-down. The interface will change to reflect your selection.
Define variation attributes: on the attributes tab add some attributes to your product. You can use global attributes or define some custom ones specific for your product.
Add variations:Add variations: After saving your product you can now begin to add variations, or link all possible variations. To add a variation, click the ‘add variation’ button. A new blank row will appear for your inputting of data.
Price fields must be set per product
For more details, please follow the official docs.

Adding Product Galleries

Product galleries simply display all images attached to a product, with the Featured Image to be the primary image.
You can create a product gallery using the same method as adding a featured image, rather than using the Product Gallery meta box instead.
Product thumbnails are the gallery thumbnails on your product details page (if you have a gallery).
Uploaded images will be resized to match your input value as accurate as possible. For example, if your setting is 100×100 and you upload a 300×600 image, it will be resized to 100×200.

Set Featured Products

To mark a product as featured, go to: Products > Products and select the Star in the featured column. You can alternatively select the Quick Edit option to select the Featured option.
For more details, please follow the official docs.
On the Catelog tabWP Dashboard >> WooCommerce >> Settings >> Products >> Display >> Product Image Sizes >> Catelog Images, of the WooCommerce settings you’ll see three image dimension inputs. These are the dimensions we use for our template product images.
Please remember that if you change these settings after uploading product images you will need to regenerate your thumbnails within WordPress for the changes to be applied to your current image (Tools >> Regen. Thumnails). To do this we recommend using the Regenerate Thumbnails plugin.
Now that WooCommerce has been successfully installed and setup ,you can start building the view of you shop and other components of the site.

5. UPDATE THEME

You can update theme by 2 ways:

5.1 Use Envato Wordpress Toolkit Plugin

You can see instruction here.

Note : After you have finished update theme, you need to go to Appearance -> Theme Options ( Customize) and Save All Options again (if your theme have “Generate Less To Css” button beside “Save All Options” button, you also need click that button).

5.2 Upload Theme Folder Via Ftp To Your Site

Following these steps below to upload theme via FTP:

Step 1. Login your FTP account via an FTP software to access your host web server.

Step 2. Unzip tutorx.zip file.

Step 3. Upload the exacted theme folder sailing to wp-content/ themes folder.

Step 4. Active the theme in Dashboard >> Appearance >> Themes.

Step 5. Enable Thim Core to activate the core of Sailing and start importing demo data process.

6 KNOWLEDGE BASE AND FAQS

Before submitting a ticket on our support forum, please do all the following requirements:

  • Refer documentation.
  • Read changelog and make sure that your site is running the latest version of Tutorx theme.
  • Clear caches after changing any setting on your site.

Check our Knowledge Base and FAQs below to find out the answer for some common questions:

Check our Knowledge Base and FAQs below to find out the answer to some common questions:

Will customization be lost if I update the theme?

No, your customization in Appearance > Customize will not be lost when you update the theme. Only the code modifications in the original theme files will be lost and that’s why you should deploy in child-theme.

Customization cannot be saved?

When you make changes in Appearance > Customize setting but the changes cannot be saved, there are some common reasons:

  • Server error – “500 Internal Server”: Read this to know about the error and how to fix it.
  • Users of server (e.g Apache, Nginx) cannot write file: Let chmod file style.css and config.less (all in the theme directory) be 777.
  • Your PHP version is outdated: update PHP version 7.0 or higher.

There are also sticky tickets we post on our support forum. If you cannot find the answer for your problem, don’t hesitate to contact us by submitting a new ticket.

7. SUPPORT SERVICE

When purchasing our themes, you will receive the free 6 months of support service for the questions and problems regarding the theme. Once the period of your support service is expired, you can extend support to 12 months. But no matter your support service of your product is over or not, you always receive free timelife updates for the theme.

We really care about customer support services and guarantee to response to all support topics within 24 hours on weekday (a bit longer over weekend) since you posted a ticket.

Regarding the problems with code customizations or 3rd party plugins, we are not able to provide free support service. We just can provide you customization service at a fee. Check more info here https://themeforest.net/page/item_support_policy#whats-not-included-item-support

If you need any assistance related to Tutorx theme, kindly visit support forum https://thimpress.com/forums/