Maxstore- 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 Maxstore theme?

THEME SETTINGS

  1. General Settings
  2. Blog Setting
  3. Header Setting
  4. Footer Settings
  5. Woocommerce Setting
  6. Social Settings
  7. Import / Export

Maxstore theme shortcodes

  1. Maxstore Banner
  2. Maxstore Products
  3. Maxstore Icon
  4. Maxstore Title
  5. Maxstore Simple Slide
  6. Maxstore Blogs
  7. Maxstore Categories
  8. Maxstore Vertical Menu
  9. Maxstore Socials
  10. Maxstore Tabs
  11. Maxstore Custom menu
  12. Maxstore Newsletter
  13. Maxstore Map
  14. Maxstore Team

Frequently Asked Questions

Thank you!

 

General

We would like to thank you for purchasing Maxstore WordPress theme! We are very pleased that you have chosen Maxstore 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 MaxstoreMaxstore 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 Maxstore

Before you begin the install, checking to ensure that you have the minimum requirements for Maxstore 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 Maxstore 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...); Maxstore 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 Maxstore-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 Maxstore Via FTP

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

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

Step 3 – Upload the extracted Maxstore 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 Maxstore 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 Maxstore 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 "Max-opt-01.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 Maxstore

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

4.1 Primary Menu

 

4.2 Primary Left Menu

4.3 Primary Right Menu

4.4 Menu Categories

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 Maxstore 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, Maxstore theme is actived, so you need to deactive it then remove it from your site.

 

 

 

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

- The update is completed successfully.

 

Theme settings

Go to Maxstore => Theme Options

1. General Setting

You can upload site's logo in Logo tab[1], color in Colors tab[2], Coming Soon [3], Popup Newsletter [4], Sidebar in [5], Google Maps in [6], and 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 Maxstore =>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]: Choose a layout style for blog.

[B4]: Fill a number of columns on blog.

2.2. Single Post Setting:

3. Header setting

Go to Maxstore=>Theme Options => Header Settings

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

[2]: Enter a phone number here to display on header.

[3]: Fill a text in here.

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

4. Footer Setting.

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

Go to Maxstore >> Footer. 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 footer home 03 is shown as an example.

You can see all shortcodes that we used to build the footer home 03 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 Maxstore=>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]:Select a sidebar position

[3]:Select a sidebar.

[4]:Select default layout for shop.

[5]:Click On or Off button to display or not banner in shop page.

[6]:Select a banner slide style.

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

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

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

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

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

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

 


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]:Display or not product thumbnail's images by carousel by clicking On or Off button.

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

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

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

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

solution of device >=480 and <768px.

[7]: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.

 

6. Social Settings:

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

7. Import / Export

 

 

MAXSTORE LAYOUTS

Maxstore 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. This theme uses 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.

Home1

Home2

Home3

Home4

Home5

Home6

Home7

Home8

Home9

 

MAXSTORE SHORTCODES

1. Maxstore Banner

Using this shortcode to display a banner.

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

In the General tab:

[1]:Choose a layout for the banner.

[2]:Fill a title in here.

[3]:Fill the description in here.

[4]:Add an image background in here.

[5]:Set an URL with title in here.

[6]:Fill a class name to use your own style.

 

 

There are some "Maxstore Banner" shortcodes in back-end:

The front-end will be like this:


2. Maxstore Products

Using this shortcode to display a list of products.

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

In the General tab:

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

[2]:Fill a title in here.

[3]:Choose a style for the product list.

[4]:Choose a size for the product image thumbnail.

[5],[6]:Set width and height for the image product if [4] is "custom".

[7]:Choose a type of displaying product.

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


In the Products options tab:

[9]:Select a product style in here.

[10]:Select some categories in here.

These categories will be displayed in front-end.

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

[12],[13]:Order by.

[14]:Set the maximum item in here.

 


In the Bootstrap 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. Maxstore Icon: Allows to display a custom box.

In the General tab:

You may put the high concern in:

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

[2]:Title of box.

[3]:Description of box.

[4]:Choose an icon library.

[5]:Choose an icon for the box.

[6]:Select an URL in here.

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

 

 

 



Here are some "Maxstore Icon" shortcodes:

The front-end displays:

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

In the General tab:

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

[2]:Fill a title in here.

[3]:Text alignment.

[4]:Choose an element tag.

[5]:Select the color in here.

[6]:Fill a class's name if you want your own style.



The front-end displays like this:

5. Maxstore Simple Slide: 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:

[1]:Choosing a layout for the slider

[2]:Choosing a kind of view style.

[3]:Choosing a kind of hover style.

[4]:Clicking on button [4] to insert a new item

 

 



In the Carousel tab:



The front-end displays like this:

6. Maxstore Blogs

Using this shortcode to display blog list.

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

In the General tab:

You may put the high concern in:

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

[2]:Title of blog.

[3]:Number of post blog.

 

 

 

 



In the Carousel settings tab:

You may put the high concern in:

+ Number of rows which are shown on block

+ Slide speed

+ Number of items on desktop, tablet or mobile.

+ ...

 

 


The Design options tab:


 

The front-end will be displayed like this:

7. Maxstore Categories

Using this shortcode to display a category with text.

- 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]:Fill a title for the shortcode.

[3]:Add a new category by clicking button [3].

The new category will be added at the end of the list.

By clicking on button[4] to fill all necessary information.

 



The Design options tab:


The front-end will be displayed like this:

8. Maxstore 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. Maxstore 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 layout to display the shortcode.

[2]:Title of social.

[3]:Choose icons to be displayed.

 

 

 



The front-end will be displayed like this:

10. Maxstore Tabs:

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

In the General tab:

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

[2]:Choose a tab alignment.

[2]:Choose an animation for the tab.

 

 

 

 

 

 



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

The front-end will be displayed like this:

11. Maxstore 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]:Choose a layout for the custom menu.

[2]:Title of the customized menu.

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

 

 

 

 

 

 



The front-end will be displayed like this:

12. Maxstore 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

- Description

- Placeholder text

- Button text



The front-end will be displayed like this:

13. Maxstore Map:

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

In the General tab:

 



The front-end will be displayed like this:

14. Maxstore Team:Using this shortcode to display a list of images

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

In the General tab:

[1]: Choose a layout for the shortcode.

[2]: Import an image in button [2], the new image will be automatically

added at the end of the list.

If you want to alter information for the new image, just click on button [3]

 



In the Carousel settings 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