DigitalWorld- Wordpress theme

Installation and Quick Start Guide    -     Thank you for your purchasing

  1. Wordpress Installation
  2. FTP Installation
  3. Install Needed Plugins

After Installation

  1. Import Demo Content
  2. Import Layer slider data
  3. Import Theme Option (One Click)
  4. Menu setting
  5. Homepage & Blog page setting.
  6. How to update Digitalworld theme?

THEME SETTINGS

  1. General Settings
  2. Blog Setting
  3. Header Setting
  4. Footer Settings
  5. Woocommerce Setting
  6. Typography Options
  7. Social Settings
  8. Google Maps
  9. Popup Newsletter
  10. Import / Export

Digitalworld theme Shortcodes

  1. Digitalworld Banner
  2. Digitalworld Products
  3. Digitalworld Icon Box
  4. Digitalworld Section Title
  5. Digitalworld Slider
  6. Digitalworld Blogs
  7. Digitalworld Categories
  8. Digitalworld Vertical Menu
  9. Digitalworld Socials
  10. Digitalworld Tabs
  11. Digitalworld Custom menu
  12. Digitalworld Instagram
  13. Digitalworld Newsletter
  14. Digitalworld Container
  15. Digitalworld Google Map

Frequently Asked Questions

Thank you!

 

General

We would like to thank you for purchasing DigitalWorld WordPress theme! We are very pleased that you have chosen DigitalWorld for your website, you will not be disappointed! Before you get started, please be sure to always search our Documentation and Knowledgebase, and also watch our Video Tutorials. The large search field in the left sidebar allows you to quickly and easily search through our resources to find answers. We outline all kinds of good information, and provide you with all the details you need to use DigitalWorldDigitalWorld can only be used with WordPress and we assume that you already have WordPress installed and ready to go. If you do not, please see our section on WordPress to help you get started.

1. WordPress Information

To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions in WordPress Codex.

2. Requirements For DigitalWorld

Before you begin the install, checking to ensure that you have the minimum requirements for Digitalworld is WordPress 4.4.0 or highter, PHP 5.4 or highter and MySQL 5.4 or highter.

Recommended PHP Configuration Limits

Many issues that you may run into such as; white screen, demo content fails when importing, empty page content with Fusion Builder and other similar issues are all related to low PHP configuration limits. The solution is to increase the PHP limits. You can do this on your own, or contact your web host and ask them to increase those limits to a minimum as follows:

  • max_execution_time 180
  • memory_limit 128M
  • post_max_size 32M
  • upload_max_filesize 32M

 

Installation

1. Wordpress Installation

Flease see this video guide to know how to install and set general configuration for Trueshop theme.

Step 1. Download ZIP package from Themeforest and then unzip it.

Step 2. In unzipped folder you will find the three folders are: Plugins (js_composer.zip; kute-toolkit-v1.0.1.zip; revslider.zip); Sample Data (that contains sample data like xml file or slider...); DigitalWorld theme (that consist of the theme + the Child theme).

Step 3. In your Wordpress Dashboard, navigate to Appearance=> Themes.

 

Step 4. Click on Add New, then click on Upload Theme and browse the DigitalWorld-vx.x.x.zip file in unziped folder, finally click Install Now.

Step 5. Wait for a while until the installation complete then select Activate link  to activate theme. Theme has been installed and actived. Beside that you can also click to Live Preview to view this theme.

 

 

2. FTP Installation

Install Trueshop Via FTP

Step 1 – Log into your hosting space via an FTP software like File Zilla.

Step 2 – Unzip the DigitalWorld-v.x.x.x.zip file and only use the extracted "DigitalWorld" folder.

Step 3 – Upload the extracted Digitalworld theme folder into wp-content > themes folder.

 

Step 4 – Activate the newly installed theme by going to Appearance > Themes and clicking the Activate button.

Step 5 – Once you activate DigitalWorld theme, you will then see a notification message to install the required plugins: WooCommerce…

Step 6 – Follow the the notification message to install and activate required & recommended plugins.

3. Install Needed Plugins:

DigitalWorld Theme recommended you use the following plugins:

After installed Digitalworld theme sucessfully, you will be noticed to install required plugins, just following the instruction you will get all settings.

 

After click on "Begin installing plugins", you will see the box below:

The installation process may take few minutes, so please be patience. All installations have been completed.

Scrolling down and click on the link "Return to the Dashboard" to go back your Dashboard.

 

After Installation

1. Import Demo content.

If you`re using the theme to build a new website which doesn`t have the content yet, I strongly recommend you to use the demo content files. This theme includes xml data files which allows you to upload the demo content to your website. The content is the same as in the Live Demo Preview.

You can follow these steps below to import the Sample data:

Feel free to watch the video guide here

Step 1: Go to Dashboard =>Tool=> Import

Step 2: Install plugin WordPress Importer

 

Step 3: Run Importer

 

Step 4: Click on Choose File button and go to the folder that you save the file. Find the filename.xml of the Demo you want to display on your site then click Upload file and import button.

 

Step 5: Check Download and import file attachments checkbox and select user for post's author before submit to start import sample data:

 

Wait for the importer working until this pop up appear that meant your import completed.

 

2. Import Layer Slider data.

Feel free to watch the video guide here

Step1: Go to Dashboard=> Revolution Slider

Step 2: Import sliders

The Import Slider popup will appears, click Choose File button then go to the folder that you save the file, for example "Corp-opt1.zip" in the Sample Data file then click to Import button:

The slider has been imported successfully.

Manipulate the similar steps to import the other sliders to your site.

 

3. Import Theme Option ( One Click)

- In case you would like to use our available configurations such as Logo, theme color, sidebars, header, footer, blog...You just navigate to DigitalWorld

- It will take you to the page that list all layout options, you can select any demo, just by one click.

Wait a while for completing.

You have to go to Dashboard =>Appearance =>Menus to set menu like our demo menu.

- Select Manage Location tab to set theme Location and Assigned Menu:

- Select "Edit Menu" tab to edit menus.

4.1 Primary menu

 

4.2 Top bar left menu

 

 

4.3 Vertical Menu

 

 

4.4 Middle Menu.

 

 

5. Homepage and Blog page setting

- Go to Dashboard => Settings => Reading:

- It will takes you to the Reading Settings page, from this page you should care about some of the following selections:

In the "Front page displays" section, check on the button list "A static page"[1], then select Front page [2] and Post page[3] like the screenshot above if you want the front page display as our demo or you can also make your own front page displays.

Finally click on "Save Changes" button to save your settings.

 

6. How to update Digitalworld theme?

If you would like you update your current theme to the latest version, please following the below guideline.

- Go to Appearance >> Themes

- In below screenshot, Digitalworld theme is actived, so you need to deactive it then remove it from your site.

 

 

 

 

- Click on "Add new" button to add new Corporate version to your site.

 

 

 

- The update is completed successfully.

 

Theme settings

Go to Digitalworld => Theme Options

1. General Setting

You can upload site's logo in Logo tab[1], color in Colors tab[2], Sidebar in [3]; custom css in [4]

Note: How to upload Favicon For WordPress Version 4.3 or later

WordPress Version 4.3 implemented Site Icon feature that enables favicon in your web site. It is recommended that you use the Site Icon feature, instead of following the guidance below. When you use it, you don't need to prepare the favicon.ico file by yourself or modify your template file, just specifying square image that has at least 512 pixels wide and tall from Customizer screen.

Follow the below steps to set favicon in your site.

  1. Prepare image file. It must be square, and at least 512 pixels wide and tall.
  2. Go to Administration Screen > Appearance > Customize
  3. Click Site Identify
  4. Click Select Image at Site Icon section, upload the image file you prepared in the above step from Upload Files tab screen, and click Select.

2. Blog Setting

Go to Digitalworld =>Theme options =>Blog setting, you will see all the settings for your Blog page:

2.1.Blog Settings:

From the image above:

[B1]: Select a layout for the blog.

[B2]: Choose a kind for the blog sidebar..

[B3]: Click On button to use placeholder, otherwise click Off button.

[B4]: Choose a blog layout style.

2.2. Single Post Setting:

3. Header setting

Go to Digitalworld=>Theme Options => Header Settings

[1] : Choose a header layout in the dropdown list.

[2]: By clicking Enable to display the main menu sticky, otherwise click Disable.

[3]: By clicking Enable to display the wishlist link, otherwise click Disable.

[4]: Enter a hotline here to display on header.

Vertical Menu Setting: By clicking Enable to display the vertical menu, otherwise click Disable.

4. Footer Setting.

Go to Digitalworld =>Theme option =>Footer Settings, you can select the Footer Style display on your site:

Go to Digitalworld >> Footers Builder. It will take you to the list of footer options that we've builded in this theme by using Visual Composer.

If you would like to view the detail footer building of any footer styles that are listed in above screenshot. Please hover over that one then click on "Edit" button. The Corporate footer home 01 is shown as an example.

You can see all shortcodes that we used to build the footer home 05 in the back-end.

Frontend displaying:

Beside that, if you do not want to use any Footer Template like our Demo, you can also build your own Footer Style. You can go to Dashboard/ Footer Builder and build the Footer as you want by using Visual Composer.

BIG NOTE: In case you can not view shortcodes on this page, please go to Visual Composer/ Role Manager and enable visual Composer for pages, posts...as below image.

 

Remember to save your setting.

5. Woocommerce Setting

Go to Digitalworld=>Theme options => Woocommerce

5.1. In the WooCommerce Tab:

You can see our demo Woocommerce settings:

[1]:Set the number of product on shop page.

[2]:Click On button to use lazy load, otherwise click Off.

[3]:Select a product grid style.

[4]:Select product attributes show in product item.

[5]:Select a sidebar position

[6]:Select a sidebar.

[7]:Select default layout for shop.

[8]:Select a number of items per row on desktop.

[9]:Select a number of items per row on landscape tablet.

[10]: Select a number of items per row on portrait tablet.

[11]: Select a number of items per row on mobile with screen resolution of device >=480 and <768px.

[12]: Select a number of items per row on mobile with screen resolution of device <480.

 


5.2. In the Single Product Tab:

you may set the features for your single product page as the image below:

[1]:Select a sidebar position on single product page.

[2]:Click On button to use Product image zoom, otherwise click Off.

[3]:Display or not product thumbnail's images by carousel by clicking On or Off button.

[4]:Set the number of thumbnail items per row on desktop.

[5]:Set the number of thumbnail items per row on landscape tablet.

[6]:Set the number of thumbnail items per row on portrait tablet.

[7]:Set the number of thumbnail items per row on mobile which the screen

solution of device >=480 and <768px.

[8]:Set the number of thumbnail items per row on mobile which the screen solution of device <480px.

 

5.3. Cross Sells Tab: Products will be displayed in the shopping cart page.

[1]: Set title of cross sell title.

[2]: Set number of related product items per row on desktop.

[3]: Set number of related product items per row on landscape tablet.

[4]: Set number of related product items per row on portrait tablet.

[5]: Set number of related product items per row on mobile with screen resolution >=480 and <768px.

[6]: Set number of related product items per row on mobile with screen resolution <480.


5.4. Related product:

you can set the number of Related product wil be show on your Single Product page and select

the column as you want:

[1]:Title of related product

[2]:Limited number of products

[3]:Number of related product items per row on desktop.

[4]:Number of related product items per row on landscape tablet.

[5]:Number of related product items per row on portrait tablet.

[6]:Number of related product items per row on mobile with screen resolution >=480 and <768px.

[7]:Number of related product items per row on mobile with screen resolution <480px.

 

 

 

5.5. Up sell product tab: Products will be displayed on the single product page.

Remember to save all your changes.

 

5.6. Recommended products tab: Display featured products

 

6. Typography Options

7. Social Setting:

You can set the Social configurations in the backend. Go to your Dashboards >>Digitalworld>> Theme Options

8. Google Maps

Enter a Google map API key in here to use Google map shortcode.

9. Popup newsletter

Setting for a popup newsletter which is displayed when homepage is loaded.

The front-end will be displayed like this:

10. Import / Export

 

 

DIGITALWORLD LAYOUTS

Digitalworld is premium responsive Wordpress theme which comes with 10 Unique Home layouts. It is a clean and modern layout with many functions and suits any of your shop. Digitalworld used both of VC shortcodes and our Shortcodes to build unique home layouts. In this section we will show you all layouts and which KT shorcode are used on them.

Feel free to view all of 10 theme layouts here.

 

DIGITALWORLD SHORTCODES

 

1. Digitalworld Banner

Using this shortcode to display a banner.

All settings of Corporate Banner are in two tabs: General and Design options.

In the General tab:

[1]:You may choose a layout for the banner.

[2]:Fill a title in here.

[3]:Fill the description in here.

[4]:Add items for the banner in here.

After clicking on button[4], an item will be added automatically in

the end of the list.

Clicking on button[5] to edit information for the item such as:

title and link for the item.

 


2. Digitalworld Products

Using this shortcode to display a list of products.

- All settings of this shortcode are in four tabs: General, Products Options, Carousel settings and Design options.

In the General tab:

[1]:Choose a style for the list of products.

[2]:Choose a style for product.

[3]:Choose an image's size.

[4]:CSS class name for your own style.


In the Products options tab:

You may put the high concern in [5], [6] and [7].

[5]:You may select some categories in here.

These categories will be displayed in front-end.

[6]:Choose a target[6] which the product is belong to.

[7]:Click and type the id or name of product in [7], then a

list of products will be displayed in a list.

 


In the Carousel settings tab:

You need to set up:

+ Number of rows which are shown on block.

+ Row spacing.

+ Slide speed

+ Items per row on Desktop, Tablet and Mobile.

+ ......

.

 

 


The Design options tab:


The front-end will be displayed like this:

3. Digitalworld Icon Box: Allows to display a custom box.

In the General tab:

You may put the high concern in:

[1]:Choosing a style to display the shortcode.

[2]:Title of box.

[3]:The content of box.

[4]:Choose an icon library.

[5]:Choose an icon for the box

[6]:Fill a custom class if you want to your own style.

 

 

 



Here are some "Digitalworld Icon Box" shortcodes:

The front-end displays:

4. Digitalworld Section Title: using this shortcode to display the title in your own way.

 

In the General tab:

- Choosing a style to display the shortcode.

- Name of title.

- Fill a class's name if you want your own style.

 

 

 

 

 



The front-end displays like this:

5. Digitalworld Slider: Display a list of images (or even a list of shortcodes) as a simple slide.

In the General tab:

You may put your high concern in:.

Choosing a layout for the slider



In the Carousel tab:



 

The front-end displays like this:

6. Digitalworld Blogs

Using this shortcode to display blog lists.

- All settings of Corporate blogs are in three tabs: General, Carousel settings, Image Effect and Design options.

In the General tab:

You may put the high concern in:

[1]:Choosing a style to display the blog.

[2]: Number of post blog.

[3]: Category filter.

 

 

 

 



In the Carousel settings tab:

You may put the high concern in:

+ Slide speed

+ Number of items on desktop, tablet or mobile.

+ ...

 

 


In the Image Effect tab:


The Design options tab:


 

The front-end will be displayed like this:

7. Digitalworld Categories

Using this shortcode to display the list of sub categories of a category.

- All settings of this shortcode are in two tabs: General and Design options.

In the General tab:

You may put the high concern in:

[1]:Choosing a layout to display the shortcode.

(Each layout will have different style.)

[2]:Choose a category which will be displayed.

[3]:Select an image background.

 



The Design options tab:


 

Here are some shortcodes of "Digitalworld Categories" in back-end:

The front-end will be displayed like this:

8. Digitalworld Vertical Menu

- All settings of this shortcode are in two tabs: General and Design options.

In the General tab:

You may put the high concern in:

[1]:Choosing a layout to display the shortcode.

(Each layout will have different style.)

[2]:Title of vertical menu.

[3]:Select a menu to be displayed.

[4]:Name of button close text.

[5]:Name of button all text.

[6]:Limit item for showing.

 

 

 



The Design options tab:


The front-end will be displayed like this:

9. Digitalworld Socials

- All settings of this shortcode are in two tabs: General and Design options.

In the General tab:

You may put the high concern in:

[1]:Choosing a style to display the shortcode.

[2]:Title of social.

[3]:Choose icons to be displayed.

 

 

 



The Design options tab:


 

The front-end will be displayed like this:

10. Digitalworld Tabs:

- All settings of Corporate Tabs are in two tabs: General and Design options.

In the General tab:

[1]:Choosing a style to display the shortcode.

[2]:Choose an animation for the tab.

 

 

 

 

 

 



Here is the "Digitalworld Tabs" in back-end:

The front-end will be displayed like this:

11. Digitalworld Custom Menu: Using this shortcode to display a customized menu

- All settings of this shortcode are in two tabs: General and Design options.

In the General tab: You may put your high concern in:

[1]:Title of the customized menu.

[2]:Choose a menu which the sub content is belong to.

 

 

 

 

 

 



Here is the "Digitalworld Custom Menu" in back-end:

The front-end will be displayed like this:

13. Digitalworld Newsletter:

- All settings of shortcode Newsletter are in two tabs: General and Design options.

In the General tab: You may put your high concern in:

- Layout of shortcode

- Title

- Subtitle

- Placeholder text



The front-end will be displayed like this:

14. Digitalworld Container:

- All settings of shortcode Container are in two tabs: General and Design options.

In the General tab:

You may put your high concern in choosing content width.

 



 

The back-end of this shortcode:

You may see our demonstratation in front-end here:

15. Digitalworld Google Map:

- All settings of shortcode Google Map are in two tabs: General and Design options.

In the General tab:

 



 

The front-end will be displayed like this:

Thank you!

Once again, thank you so much for purchasing this theme. If you have any questions relating to this theme, you can submit a ticket on our support system: http://support.ovicsoft.com/support-system We'd be glad to help you.

Go to Top