Gameworld WordPress Theme


Documentation 1.0


  • Created: 24 Sep 2014
  • Latest Update: 24 Sep 2014
  • By: WPDance.com

Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please email us: support@wpdance.com. Thanks so much!


We hope you will enjoy working with our themes.
Yours sincerely, WPDance.

Introduction

In this user guide you will find all required information to get your site up and running: starting from theme installation and setup, to usage of different post types, page templates and shortcodes

Attention!!! Kindly note, that we cannot provide the support until you specify your Item Purchase Code. Here's how you can get it: http://themeforest.net/forums/thread/item-purchase-code/96457.

Also note that this is combined manual for our multipurpose themes that shares similar back- and front-end features. Therefore some screenshots, interfaces and features may slightly vary from actual theme that you’ve purchased.

Before Getting Started

Please note that this theme is not harder to use than any other premium theme with advanced functions. Moreover, we believe that it’s even much easier! And there’s a good reason for that: amount of time that we invested in designing its interfaces, page templates and theme options is simply immense…

Nevertheless, please note that this User Guide does NOT cover basic WordPress usage. Therefore if you are not a confident WordPress user, please get accustomed with it BEFORE proceeding to this manual and theme!

Here are some links that will help you to become more confident with WordPress:

Seriously!!! If you do not want to spoil your experience with any Premium Theme, get accustomed with WordPress basics first!

Requirements & Compatibility

Our themes are compatible with the WordPress versions 4.0 or higher ( PHP 5.2.4 or higher, and mysql 5 or higher).

Most JavaScript enabled Browsers will make them work with no issues. They are designed and optimized for desktops, tablets and smartphones.

Currently we are testing themes in:

  • Google Chrome (Mac and PC)
  • Firefox (Mac and PC)
  • Internet Explorer 9 and later
  • Safari (Mac and PC)

IMPORTANT!!!

  • Check to ensure that your web host has the minimum requirements to run WordPress
  • Always make sure they are running the latest version of WordPress
  • You can download the latest release of WordPress from official WordPress website
  • Always create secure passwords FTP and Database

Options

Gameworld has an advanced Theme Options panel that is loaded with options. We have the options organized into logical tabbed sections, and each option has a description of what it will do on the front end. There are too many options to go over in these docs but please take some time and navigate through each tab to see what we offer. Go to Appearance > Theme Options in your WordPress admin to access the theme options panel. You can also backup your theme options by clicking on the backup tab. That is a great way to move your custom options from site to site. See below for screenshots of our theme options panel. Please note: we are always adding new options so these screenshots may not reflect the most up to date options.

  • General Settings: there are some global options (theme style, logo, favicon, image size ...)
  • Styling Options: we offer a lot of options about color, it is easy to custom color in your site
  • Typography: let you custom your font
  • Header: these options apply to your site header.
  • Footer: there are many options to customize footer area
  • Menu Options: these options relate to menu
  • Quickshop Options: if WD Quickshop is activated, you can config some options for it here
  • Integration: let you add custom html/css in some places
  • Shop Shortcode Slider: some options relate to Product Shortcode Slider
  • Product Category: these options apply to the shop page, product category page
  • Product Details: these options apply to the single product page
  • Blog Options: these options apply to the blog archive page
  • Blog Details: these options applyt to the single post

Installation & Basic Setup

1. Install WordPress

Download and Install WordPress 4.0 or later.


2. Upload Theme

If you've downloaded whole theme package (see fig. 1), unzip it. There you will find the theme installation file (called like "theme_name_v.zip"), user manual, dummy content folder, license folder, folder with PSD files, etc.

Fig. 1-1. Theme Package.

Alternatively you can simply download the installable WordPress file (see fig. 1-2).

Fig. 1-2. Installable file.

You have 2 ways to upload theme:

  1. WordPress Installation
  2. FTP Installation

3. Activate Theme

In "Appearance > Themes > Manage Themes > Available Themes" activate the Theme by hitting the correspondent "Activate" link.

Attention!!! To assure your permalinks are being rendered correctly (the web-site does not return "404 Not Found" error) after switching the theme, follow "Dashboard > Settings > Permalinks" and click "Save Changes".

After activating the Theme, you will notice Theme Options and Required Plugins (WooCommerce, WD Shortcode, WD Portfolio, WD Slide, Testimonials, etc.) in your WordPress admin panel.


4. Cache Theme - Uploads folder

Using FTP client, go to "your_site/wp-content/themes/wp_gameworld" CHMOD to 777 this folder : cache_theme. You also change CHMOD to 777 for Uploads folder.

WordPress Installation:

Follow the steps below to install via WordPress

  1. In your WordPress Admin Panel (wp-admin) go to Appearance > Themes
  2. Click Add New and hit the Upload Theme button
  3. Navigate to find the "wp_gameworld_rxxx.zip" file on your computer and click "Install Now" (see fig. 2)
  4. Wait while the theme is uploaded and installed
  5. Activate the newly installed theme. Go to Appearance > Themes and activate it
  6. Then you will get a notification to activate the required plugins. Follow the steps to install and activate. The other plugins we include are integrated into the theme and all will be ready to use when you right away

Fig. 2. Uploading theme in .zip format.

Please note that some hostings have a restriction on a size of a file that you are uploading. If any warnings appear, most probably, your hosting has file size limit. And the theme .zip file is too large to be uploaded via WordPress Panel.

To solve this problem you should either increase your maximum upload size (to 10mb) on your hosting admin panel or try contacting your hosting provider to do it for you if you do not have the privilege to alter your server php settings. This is a very common request and they should be able to help you out. Once the limit is increased you can re-try the install and you’ll be all good to go.

Also, you can install the theme via FTP.

FTP Installation:

Otherwise you can install theme via FTP. Simply unzip the installable file and upload the theme folder via FTP into "your_site/wp-content/themes/".

  1. Log into your hosting space via an FTP software
  2. Unzip the wp_gameworld_rxxx.zip file and ONLY use the extracted wp_gameworld theme folder
  3. Upload the extracted wp_gameworld theme folder into wp-content > themes folder
  4. Activate the newly installed theme. Go to Appearance > Themes and activate it
  5. Then you will get a notification to activate the required plugins. Follow the steps to install and activate. The other plugins we include are integrated into the theme and all will be ready to use when you right away

Attention!!! Theme will work fine on the vast majority of correctly installed and configured WordPress sites without any additional settings. However on some (very rear) hosting configurations you can notice that images on your site are not displaying. If you are experiencing this issue, please follow these steps to fix it:

  1. Make sure that theme installed strictly to "your_site/wp-content/themes/" folder.
  2. The folder "your_site/wp-content/uploads" must be created. On some hostings you'll need to set its CHMOD to 755, on others – to 777.

If above steps did not yield any results, please don’t hesitate to address this issue directly to your hosting company. Since this is most likely a server-related problem, we will not be able to help you!

Demo Content

XML File Import

In order to import demo content file, follow "WP-admin >Tools > Import > WordPress" (fig. 5):

Fig. 5. Upload .xml file.

Click on "Browse" button and select the demo XML file ( "sample-data.xml" ) beside your theme package, then click "Upload file and import" button.

Media Content

The next screen in "Import author" you are able to select a new author for imported content or select the existing one. In "Import Attachments" section you need to choose whether you want to upload demo media or not. Finally, click "Submit" (fig. 6):

Fig. 6. Media.

How To Update The Theme:

You can update your theme via FTP or via WordPress. See the information below for each method. However the first thing you need to do is download the new theme files from Themeforest.

First, Download New Theme Files From Themeforest
  1. Log into your Themeforest account and navigate to your downloads tab. Find the "Gameworld" theme purchase.
  2. Click the "download" button next to it and choose to download the "Installable WordPress Theme" which is just the WordPress file, or choose the "Main Files" which is the entire package that contains everything.
  3. Then you need to decide if you want to install the update via FTP or via WordPress. Directions for both methods are below

How To Update Your Theme Via FTP
  1. Go to "wp-content > themes" location and backup your "wp_gameworld" theme folder by saving it to your computer, or you can choose to simply delete it. Your content will not be lost.
  2. Retrieve the "wp_gameworld_rxxx.zip" file from your new Themeforest download and extract the file to get the "wp_gameworld" theme folder.
  3. Then simply drag and drop the new "wp_gameworld" theme folder into "wp-content > themes" location. Choose to "Replace" the current one if you did not delete it.

How To Update Your Theme Via WordPress
  1. You need to deactivate the current "WD Gameworld" theme in the "appearance > themes" section by simply activating a different theme. Once you activate a different theme, you can delete the WD Gameworld theme. Dont worry, your content will not be lost.
  2. Retrieve the "wp_gameworld_rxxx.zip" file from your new Themeforest download. If you downloaded the "Main Files" from Themeforest, then you need to unzip the archive file you received, the wp_gameworld_rxxx.zip will be inside of it.
  3. Then simply upload the "wp_gameworld_rxxx.zip" file in the "appearance > themes" section. Click on the "Install Themes" tab at the top and choose to upload the zip file.
  4. Once it uploads, choose to activate it. You’re done!

Important Backup Information

Whenever you update the theme, its always a good idea to backup your current theme folder. Log into your server and make a copy of the GameWorld theme folder located at wp-content > themes. If you are using the Revolution Slider and have added custom css, please make a backup of the styles because those will be removed when you update. You can also backup your theme options on the backup tab in Appearance > Theme Options.


Non-Production Environment

We notice you should use this environment to test. If there have no problems, you can tranfer to live site


How To Update Your Theme Through the Envato Toolkit plugin

The easiest and safest way is to always update through the Envato Toolkit plugin that comes packed with the theme.

In your WordPress admin dashboard you should see a section called Envato Toolkit. You need to connect your ThemeForest account to it and once you have done so, you’ll see here all available updates, always at one click away.

To connect your ThemeForest account, you'll need to input your account username and a secret API key. An API Key can be generated in your ThemeForest account, under My Settings > API Keys.

This tool also gives you the option to create a backup while updating, which we totally recommend.

Download the latest version of the Envato Toolkit Plugin.

Changelog

Gameworld is constantly being updated with new features and adjustments. You can always view the most recent update information in the change log in the changelog.txt file inside the theme zip file.

Adding The Logo & Favicons

In Gameworld we have thought an alternative way of having single logo image which is retina compatible as well. Gameworld will not give these paddings using CSS.


To Insert Your Logo, Follow The Steps Below
  1. Navigate to Appearance > Theme Options > General Settings to access the logo options
  2. You will see logo upload option, for standard desktop and retina ready devices. Click upload button and select your logo file

Favicon Options

The favicon options are also on the logo tab in theme options. Favicon's are an icon associated with a URL that is variously displayed, as in a browser's address bar or next to the site name in a bookmark list. To add it, simply click the upload button next to the appropriate field and select the favicon file you would like to use

Header Theme Options

To Setup The Header:

Navigate to Appearance > Theme Options > Header style to access the header options


Setting Up The Menu

Gameworld has a built-in mega menu that can be enabled in the main menu. It can have 1-5 columns, be full width, take any widget and have icons/images next to menu items. Please see below for information on how to set this up. If you need information on how to create a regular menu, please see the appropriate section of our documentation.



Follow The Steps Below To Create A Mega Menu
  1. Navigate to Appearance > Menus section of your admin and select to create a new menu, or edit a current menu that you already have
  2. Only first level items can enable the Mega Menu. Click the "arrow icon" next to any parent level menu item to expand the option box. You will see an option to "Mega Menu", choose "Yes" option
  3. Select the "Columns" that will be displayed. Also choose if you want "Full width"
  4. Each menu item can have a font Awesome icon. If using font awesome icon, use "fa-" in the name. Ex: fa-home
  5. Second level menu item will show the title text above each column. To add a second level item inside the Mega Menu, select one of your pages on the left hand side and click "Add to Menu", or add a post or a custom link from the left hand side. To make it a second level, drag the menu item into place, below and to the right of the first parent level
  6. The Third level will be the smaller menu items in each column. To add a third level, repeat step 5 above and drag and drop the new menu item into place, below and to the right of the second level
  7. Second & Third level menu items can have a widget area assigned. Create a new widget section by going to Appearance > Widget Areas and clicking "+ Add New". Give the new widget area a name and save it. Then navigate to Appearance > Widgets to add widgets to the section. Once you add your widgets and save it, go back to the menu section and select the name of the new widget section in the "Display a Widget Area" dropdown field
  8. Choose "Yes" option for "More+" if you want to move it to "More+" sub menu (apply for tablet devices).
  9. After setting up your menu, scroll down to the bottom of the page to assign the menu to the "Primary Navigation" location in the Theme Locations box. Once its all done, make sure you click the "Save" button


Mega Menu Widget Area

All Mega menu widget area use the Text Widget. You need to drag the Text widget into mega menu widget area, copy the below codes and paste into the text widget


WD Mega Menu Widget Area 1

WD Mega Menu Widget Area 1


WD Mega Menu Widget Area 2

WD Mega Menu Widget Area 2


WD Mega Menu Widget Area 3

WD Mega Menu Widget Area 3


WD Mega Menu Widget Area 4

WD Mega Menu Widget Area 4


The above codes use Visual Composer class. You must ensure that Visual Composer plugin is installed

Pages

You can create any number of pages with content. GameWorld includes several page templates to choose from, and you will need to choose the page template that suits your needs. For example, if you want a "Full Width" page, then you need to select "Full Width" for the page template. All of this is done in the pages section of your WordPress Admin.

Follow These Steps Below To Create A New Page
  1. Navigate to Pages and click Add New
  2. Input a new name for your page, then find the Page Attributes box on right side
  3. Set your Parent page; it's usually set to No Parent
  4. Set your template from the dropdown list. See list of page templates below
  5. Select page options in the Page Configuration box. See the Page Options section of this document
  6. Content for your page goes in the editing field, use the Visual or Text editor. Page content is mainly built using Shortcodes and Visual Composer, see the Shortcodes section for how to use them. You can also use our demo content, see the Homepage Templates section of this document for the demo code of each home page

Setting Up Home Page

  1. Navigate to the "WP-admin > Settings > Reading" interface (see fig 1).
  2. In the "Front page displays" section choose "static page (select below)" radio-button.
  3. In the "Front page:" selector choose the page that you have created to be the Homepage.
  4. Optional. Also you can choose which page will display your blog posts in the "Posts page:" selector. But, you should use Blog Template to display your blog posts, it will be better.

Fig. 1. Make page a homepage.

Setting Up Contact Page

Create The Contact Page, Follow The Steps Below
  1. Create a new page and give it any name you wish
  2. In the Page Attributes box on the right hand side, set the Template to Default Template
  3. Insert your content you want into the editor field, such as a heading and text as our demo shows
  4. If you want to show google map on the contact page. Use google_map shortcode to make it (you must add a Text Block for Visual editor).

The sample code for the contact page. Use the Text editor to add it

Contact Form 7


Good News for those of you who is familiar with great plugin Contact form 7 : We have covered all styling required to build your forms without worrying about its appearance. You dont need to do anything in extra just intall Contact Form 7 and GameWorld will take over the rest. we will dequeue its styling and add our own customised version to make it work seamlessly with GameWorld.



If you are not familiair with this plugin check out below resources

Contact Form 7 Plugin page
Contact Form 7 Documentation


Please be informed that we do not give support to any third party plugin's questions and issues. We can only afford to answer simple usage questions or issues related to incompatibility with the theme. This exception is for only our supported Plugins (Revolution slider, Contact form 7 and Woocommerce)

Page Configuration

Each page you create has a full set of options to choose from allowing you to customize each individual page. Each page you open in your WordPress admin will have a "Page Configuration" Box that contains all the different settings. Some settings will only work if you use a specific template. Below are screenshots of the Page Configuration box.

In there:

  • Theme Style: Dark theme/Light theme. If you choose Default, it will get your config in Theme Options
  • Layout Style: Wide/Box style. If you choose Default, it will get your config in Theme Options
  • Page Layout: Select Fullwidth, Left Sidebar (small/big), Right Sidebar (small/big) or Left & Right Sidebar (small/big).
    • Left Sidebar: Select Widget Area you want to show on the Left Sidebar. If you choose Page Layout is Left Siderbar or Left & Right Sidebar, it will be available.
    • Right Sidebar: Select Widget Area you want to show on the Right Sidebar. If you choose Page Layout is Right Siderbar or Left & Right Sidebar, it will be available
  • Page Slider: Select a Slider you want to show on the top content. There are 4 options: No Slider, Layer Slider, Revolution Slider, Product Slider (Featured Product).
    • Layer Slider: Select your layer slider. Page Slider must be Layer Slider
    • Revolution Slider: Select your revolution slider. Page Slider must be Revolution Slider
    • Product Slider: Page Slider must be Product Slider. Select Product Category you want to filter or All Categories to show all
    • Product Slider Columns: The number of product columns you want to show
    • Product Slider Title: Input the title for product slider
  • Hide Page Ads: Select Yes to hide Ads at below Navigation
  • Hide Breadcrumb: Select Yes to hide Breadcrumb on the top page
  • Hide Page Title: Select Yes to hide Page Title on the top page
  • Transparent content background: Select Yes to set transparent for Content Background.

Homepage Templates

You can quickly build a home page using one of the pre-defined layouts you can see in the theme demo.

To ensure flexibility, all pages are built using one of the available page templates and a combination of shortcodes, which is available on this page, for each home page version. Take the following steps for creating a new home page

  1. Navigate to Pages > Add New
  2. Copy the shortcode combination associated with your chosen home page version and paste it your newly created page
  3. Next click on the TEXT tab (not the VISUAL tab) and paste the content into the field. Publish the page and you're done!

Homepage

(Choose theme style in Page Configuation)


Page Composer


Page Composer is a visual shortcode generator that you can build your layout painlessly without wasting your time with writing shortcodes. We built Page Composer based on Famous plugin called Visual Composer by wpbakery. There's one concept/design pattern you should know. In the Page Composer editor mode you'll have "Add element" button, which you should click or drag to the working canvas, to add content block or row to your page. Clicking the "Add element" button will show the content element selection menu. Content blocks are divided into categories so you can filter. Alternatively you can type the shortcode name to filter down the items instead of search them visually.

Basics


It has very simple and intuitive interface, but before getting started with building layouts, you may find it useful to get accustomed with Visual Composer documentation: http://kb.wpbakery.com/index.php?title=Visual_Composer.

You can control page composer global settings such as disable/enable in a post type and user roles that can use a shortcode. You can find these settings from WordPress "WP-admin > Settings > Visual Composer".

General Settings:

Content types: This option allows you to choose which post type should have the page composer feature. Please note that only post types will have this feature that they have WP editor feature. So for example clients will not have page composer even if you check mark its post type.

Rules for users groups: This option will give you the ability to select which shortcode should be appeared in the specific user role. this is useful when you give subscribers the ability to post, so you can disable some shortcodes for them.

Display reponsive content elements: Check this checkbox to prevent content elements from "stacking" one on top other (on small media screens, eg. mobile).

Google font subsets: Choose which subsets you want to load for your Custom Heading Element. Take into account that each subset will have impact on page loading.

Design Options:

This Options allows you to apply custom visual appearance to Visual Composer content elements and also control responsive width. By default content elements "stack" one on top other when screen size is smaller than 768px.

Custom CSS:

If you want to add some custom CSS code to the plugin and don't want to modify any files, then it's a good place to enter your code at this field.

Product License:

This options allow you to make update the plugin automatically

My shortcodes:

This tab allow you to map your shortcode. Your shortcode will be shown on the list of Visual Composer elements menu


To start creating new layout click "BACKEND EDITOR" button on the top left of WYSIWYG (text editor):

Fig. 1. Enable Visual Composer.


WYSIWYG editor change to Visual Composer canvas (see fig. 2.). You can work with it as you do with regular Visual Composer

Fig. 2. Visual Composer canvas.


Background Section


Row element allows you to add your content. To add row, you click "Add new element" button, then select Row element from list

Fig. 1. Add Row.


Visual Composer allows you to setting up the row with many options.

Fig. 2. Edit Row.


Column - Element

Rows are used to divide your page into the logic blocks with columns, columns later will hold your content blocks. To divide columns, you hover on Column button and select layout you want to show. Then, click Add New Element button in column section to add new element for column

Shortcodes


To Use The Shortcode Generator, Follow The Steps Below
  • In Visual editing
    1. Open a page or post and click on the Visual editing tab
    2. In the editing toolbar, click the short code icon to initiate the generator
    3. In the popup window, select the shortcode you want from the dropdown list
    4. Make your selections from the short code options that load, then click “Insert Shortcode” and it will be inserted on the page. See the screenshot below

    Our shortcodes in Visual editing

  • With Visual composer
    1. Open a page or post and click "BACKEND EDITOR"
    2. Click Plus button to create new element
    3. In the Add element popup, click on by WPDance tab to field WPDance Shortcode list.
    4. Click on one shortcode which you using. In the Shortcode settings popup, select the options from the shortcode, then click Save changes to insert on the page.

    Our shortcodes in Visual composer


There are too many shortcodes to go over this document. Please take some times and navigate to each menu item. We only present some popular shortcodes


The points should noted in Visual Composer

  1. Edit Row

    Please click on edit icon icon (Edit row) to open "Row Settings" popup, You choose "Fit the content" for Type option to fit that row with the content in the page (it usually use for homepage)

  2. Edit Column

    Please click on edit icon icon (Edit column) to open "Column Settings" popup, You check the Use Animate? and complete the Animate option to apply animation for that column


Blog

GameWorld is loaded with options for the blog. It offers many different options for you to present your blog posts, along with several different blog layouts. In addition there are numerous theme options and shortcode options that allow you to customize how posts are displayed. There are 2 ways to display your blog posts. The following sections will cover each method to display your blog post.

  • Assign Blog Page
  • Use Blog Template

First, you need to know how to add new blog post. See the section below

Creating Blog Posts


No matter which method or methods you use to display your blog posts, the first thing you need to do is create the blog posts. See below for information on how to create blog posts

Follow the Steps Below To Create A Blog Post
  1. Navigate to Posts in your WordPress admin
  2. Click on Add New to make a new post. Create a title and insert your post content in the editing field. You can use any of our shortcode builder elements inside the post
  3. Add Categories from the right side. To assign it to the post, check the box next to the Category name
  4. Add Tags from the right side. Type the name of the tag in the field, separate multiple tags with commas
  5. For a single image, click the first Featured Image box, select an image and click "Set Featured Image"
  6. Once you are finished, click Publish to save the post



Assigned Blog Page


The first blog method we will cover is the standard WordPress method, setting up an assigned blog or "post" page. It's as simple as making a new page, and then telling WordPress to use that page as the post page

Follow These Steps Below To Assign A Post Page
  1. Navigate to Pages and click Add New
  2. Input a new name for your page
  3. Click Publish to save the page
  4. To set the page as your post page, navigate to Settings > Reading and select your blog page name for the Posts Page. Doing this will automatically pull your blog posts and place them on the page

Blog Template

The second method we will cover is our template. It's as simple as making a new page, select a page template from a list of templates

Follow These Steps Below To Assign A Post Page
  • Navigate to Pages and click Add New
  • Input a new name for your page, then find the Page Attributes box on right side
  • Select the Blog Template page template from the dropdown list
  • Click Publish to save the page

 

Blog Options

For the blog posts page and the single post page. We offer many options in Theme Options


 

Sliders

Let's face it, everyone loves sliders. They are the perfect way to catch your viewers attention by displaying your important content. GameWorld includes 3 sliders: the Revolution Slider, the Layer Slider and the Product Slider. We also include other slider types for pages/posts and carousels. Each slider can be used on any page or post. When you install the theme, you need to intall the Revolution Slider and the Layer Slider plugin and you and will be able to be access in the sidebar of your wordpress admin. The Revolution Slider and The Revolution Slider are two standalone plugins activated via TGM plugin activation, please install and activate it. Each slider is different and offers various features. The following sections will cover several different sections of the slider that are listed below


How To Assign A Slider

Once you have created your sliders, you need to assign them to a page, or use a shortcode if the slider offers one. There are two methods to assigning a slider to a page. First you can assign a slider via our page configuration box. Doing it this way will always put the slider directly under the navigation. The second method is to insert the slider shortcode in the post content field. Read below for information on both methods

How To Assign A Slider From The Page Configuration Box.
  • Create or edit any page
  • Find the Page Configuration box below the editing field, inside you will see a "Page Slider" option
  • First select the Slider Type from the dropdown field
  • Then select the name of the slider under the corresponding slider dropdown field.
  • To finish, click Publish to save the settings
The second method, you can use the slider shortcode
  • Go to slider page, find its shortcode
  • Create or edit any page
  • Paste the slider shortcode to the content
  • To finish, click Publish to save the settings

How To Import Demo Sliders


Our Document includes the sample sliders from the Revolution Slider and the Layer Slider. It also includes our demo sliders. Please read each section carefully. Each slider has its own method of importing, see below for each method


How To Export/Import Your Revolution Sliders

The Revolution Slider allows you to easily export/import your slides. It's always a good idea to backup your slides so you can easily import them again if you ever need to. Making animated slides takes a lot of time, make sure you export the data so you don't ever lose the time you’ve spent on them. The Revolution Slider requires you to export each slider individually. Export each slide you have made and it will give you an individual zip file that contains all the necessary files

How To Export Revolution Sliders – Click the "Export Sliders" button and you will receive a zip file with all the needed files inside.

How To Import Revolution Sliders – Click the "Import Sliders" button to open the Import Slider popup. Next find the import section below the main slider settings. Click "Choose File" button and select your zip file then click "Import".


How To Import/Export Your Layer Sliders

The Layer Slider allows you to easily export/import your slides. It is always a good idea to backup your slides so you can easily import them again if you ever need to. Making animated slides takes a lot of time, make sure you export the data so you don’t ever lose the time you’ve spent on them. The Layer Slider can export all sliders at once, or you can export them individually

How To Export Layer Sliders – To export a slider, select the slider name from the dropdown list, or choose all sliders then click the "Export" button. You will receive a zip file.

How To Import Layer Sliders – To import Layer Sliders, click on "Choose File", then select a zip file in the popup window and then click the "Import" button.


Revolution Slider


GameWorld includes the popular Revolution Slider Created By ThemePunch. This slider is a beautifully animated slider that is 100% responsive and has some amazing options. We cannot cover everything here but we outline how to setup a slider and how to add slides to it. If you download our main files from Themeforest, you will get the original documentation created by ThemePunch, which is located in the slider-revolution-documentation folder.


Create A New Revolution Slider, Follow The Steps Below
  1. Click on the Revolution Slider sidebar item in your admin section, then click the Create New Slider button
  2. Insert a slider name and alias. The alias text will generate a shortcode that can be used in the editing field of pages or posts
  3. Then select the Source Type. If you choose Posts or Specific Posts, please refer to the Revolution Slider Docs for information on how to set that up. Our demos use Gallery
  4. Then select the Slider Layout type, each type will have its own settings. Set the Auto Responsive settings here also. View the layout example diagram below this area to understand what each section is
  5. On the right hand side are many other options you can set. All are self explanatory with descriptions. Test them out
  6. Once you are done, click Create Slider and your new slider will be made


To Add Slides To Your Slider, Follow The Steps Below
  1. Click the Edit Slides button in the Rev Slider settings
  2. Click the Add Slide button
  3. When done, you will see a new slide box. This is where you add all your slide content
  4. The slide editing section has many different sections that allow you to customize the slide. We cannot cover them all, but please do check out each one
  5. To add a text layer, click the "Add Layer" button that sits below the slider preview window. Enter your text in the Text/HTML field that shows in the Layer General Parameter box. To style it, select one of the styles from the dropdown or make your own by clicking "Edit Style"
  6. To add an image or video, click the "Add Layer: Image" or "Add Layer: Video"
  7. Below the slide preview box on the left hand side are 3 sections; Layer Parameters, Layer Animations, Layer Links & Advanced Parameters. Select the settings you wish to have, and click Preview Slide to see a preview of what will happen
  8. On the right hand side below the slider preview box is the Layers Timing & Sorting box where you set the time it takes for each layer to show on the screen
  9. When finished, click Update Slide to save it. Repeat process for more slides



Layer Slider


GameWorld includes the popular Layer Slider Created By Kreatura. This slider is a beautifully animated slider that is 100% responsive and has some amazing options. We cannot cover everything here but we outline how to setup a slider and add slides to it. If you download our main files from Themeforest, you will get the original documentation created by Kreatura, which is located in the layerslider-documentation folder.


To Create A New Layer Slider, Follow The Steps Below
  1. Click on the Layer Slider sidebar item in your admin section, then click the “Add New” button and give the slider a name
  2. The “Slider Settings” tab will open and allow you to set the general settings for your slider such as the width, height, responsive, full width, and more. Check out each tab
  3. On the Appearance tab is a Skin field, there are several to choose from including our own LayerSlider skin
  4. Once you are done, click “Save Changes” to save the slider. Next you can add slides, see the information below
  5. You can get Kreatura’s sample sliders by clicking the “Import Sample Sliders” button. It’s a good way to learn and see the different types of settings


To Add Slides To Your Slider, Follow The Steps Below
  1. Click on the “Slides” tab.
  2. Slide #1 will already be created, add a background image for the slide, set thumbnails, transitions, links and more in the settings box above the slider preview window.
  3. Each slide you make can have multiple layers to it. The layers show up below the slider preview window. Click “Add New Layer” create a new layer. An editing section will display once clicked
  4. The layer editing section has 5 tabs: Content, Transition, Link, Styles, Attributes. Content tab is where you add your content, Transition tab is where you set all the timings and animations, Link tab is where you can set the content to link, Styles tab is where you set custom styles, Attributes tab is where you can add custom id’s or classes
  5. Click on the Content Tab and enter your text, image or video or custom HTML content. Then set your transitions, links, styles and attributes if needed
  6. Click the “Enter Preview” button to view a preview of the slider and layers
  7. When finished, click “Save Changes” to save it. Repeat process for more slides

Woocommerce


GameWorld is fully compatible with latest version of Woocommerce Plugin. We added required stylings to fit the design, Checkout section in header toolbar, and all required config codes to make it seamless with GameWorld. If you dont need Woocommerce simply dont install it and all the features, codes and anything required for woocommerce will not be loaded and interfered. Vice versa, if you need to set up woocommerce just install woocommerce like you do for other plugins and thats all about it. you dont need to do anything else.


Woocommerce Documentation

Please be informed that we do not give support to any third party plugin's questions and issues. We can only afford to answer simple usage questions or issues related to incompatibility with the theme. this exception is for only our supported Plugins (Revolution slider, Contact form 7 and Woocommerce)



Woocommerce included in theme package. You should install WooCommerce plugin after theme installation:
  1. After installing the theme, you go to Appearance > Install Plugins. You will see all required plugins
  2. Select "WooCommerce" in the lists, select Install
  3. WooCommerce will install, then click the link that says "Activate Plugin"
  4. You will then see a WooCommerce Purple Notification Bar at the top of the plugin page. Click the "Install WooComemrce Pages" button in the purple bar to install all the default pages
  5. WooCommerce automatically creates the necessary pages. If you need to reassign the pages to different WooCommerce page designations, you can do so in the WooCommerce settings page

Product Image Sizes:
  1. Navigate to Woocommerce > Settings and click Products tab
  2. Then find the Product Image Sizes
  3. Find more settings in HERE

WooCommerce Pages:

Upon installation WooCommerce creates the following new pages:

  1. Shop
  2. Cart
  3. Checkout
  4. My Account

Prior to the WC 2.1 release there were additional pages for account/checkout (such as lost password, order received, edit address, etc.) which now have been removed in favor of endpoints. Endpoints are nested into the pages listed above, for example, if you go to your My Account page you will see the links for the ‘my account’ endpoints. More information on endpoints can be found here.


Language

Translation

GameWorld theme is ready to translate. You can use PO file to do it. There are 2 methods to do:

After translating, you need to config wordpress language.

WPML Plugin

We have tested and ensured that GameWorld is WPML compatible. If you need a multi-language site, then we recommend using the WPML Plugin. You would need to buy a license for the plugin, then install it and set it up. All the information you need to get started and use it is on the WPML.org page. Below are all the resource links you will need.

GameWorld is, in their words, incredibly responsive, with a refreshingly clean design. And it has some awesome features, premium sliders, unlimited colors, advanced theme options and much more! If you have chosen GameWorld as your site’s theme, we’ll teach you in this tutorial how to turn it multilingual with WPML.

What you'll need:
  • The GameWorld theme, also available from Themeforest.
  • A recent version of WPML, including the String Translation and Translation Management modules.

Click on the links to jump WPML Documentation

Translating Widgets

Tutorial recommended by wpml team for translating widgets http://wpml.org/2011/03/howto-display-different-widgets-per-language/