Copyright © Netbaseteam€¦ · Mag2 Marketplace - Magento 2 Theme support Multiple Stores is the best choice for people who want to build a website like Amazon, Lazada or eBay with

Copyright © Netbaseteam.com


Table of Contents I. Introduction .................................................................................................................................... 1

II. License ............................................................................................................................................. 2

III. Installation .................................................................................................................................. 3

1. Prepare Installation ..................................................................................................................... 3

2. Theme Package Installation ........................................................................................................ 4

3. Quickstart Package Installation................................................................................................... 7

IV. Setting ......................................................................................................................................... 9

1. Theme Setting Panel ................................................................................................................... 9

1.1. Header ................................................................................................................................. 9

1.2. Footer ................................................................................................................................ 21

1.3. Home page Setting ............................................................................................................ 24

1.4. Category view .................................................................................................................... 32

2. Theme design panel .................................................................................................................. 32

2.1. General .............................................................................................................................. 32

2.2. Font ................................................................................................................................... 33

2.3. Basic Color ......................................................................................................................... 34

2.4. Header Color ..................................................................................................................... 36

2.5. Footer Color ...................................................................................................................... 38

3. Other module ............................................................................................................................ 38

V. FAQ ................................................................................................................................................ 40

VI. Troubleshooting ........................................................................................................................ 41


Back On Top 1

I. Introduction Mag2 Marketplace - Magento 2 Theme support Multiple Stores is the

best choice for people who want to build a website like Amazon, Lazada or

eBay with the advanced features, the unique interface, and the powerful

core theme

Rate this theme

Let’s remember to rate this theme on Themeforest– we are expected to

know what you think our product.

More Information

To access with our update or upcoming theme, we can contact us through:

[email protected]

http://themeforest.net/user/netbaseteam

https://twitter.com/cmsmartnet

http://themeforest.net/

mailto:[email protected]

http://themeforest.net/user/netbaseteam

https://twitter.com/cmsmartnet


Back On Top 2

II. License

As the regulation of ThemeForest license, you are allowed to use this

theme’s license due to create only one single End Product for yourself or a

client. End Product is the final website that is customized according to your

content. In short:

What is allowed with single regular license?

1. You can create one website for yourself or for your client; also you can

transfer that single website to your client without any fee. This license is

then transferred to your client.

2. Each license of the theme is used for one complete-website. Thus, if you

want to have the same website for another client, you have to purchase

another regular license.

3. You can install the theme on your test server for testing/development

purposes. For this case, the installation shouldn’t be available for the

public.

4. You can modify or manipulate the theme; or combine it with other

works to create the End Product.

5. An updates for that End Product (website) are free.

What is not allowed?

1. With a single regular license it is not allowed to create multiple

websites. When you want to install the theme for multiple websites, you

need to purchase multiple regular licenses.

2. Multi-store Magento installations are not allowed with single regular

license.


Back On Top 3

To be specific, each regular license entitles you to use the theme for only a

store (store/domain/subdomain). For multiple websites you need to

purchase multiple regular licenses.

For more information about licenses please refer to ThemeForest:

• License FAQ: http://themeforest.net/licenses/faq

• License comparison table: http://themeforest.net/licenses

• Regular license details: http://themeforest.net/licenses/regular

• Extended license details: http://themeforest.net/licenses/extended

III. Installation There are 2 options to install theme: theme package installation and

quickstart package installation.

1. Prepare Installation

- We recommend you to duplicate your live store on a development

store and try installation on it in advance.

- Backup magento files and the store database.

It's very important to backup all of themes and extensions in

Magento before installation, especially when you are working on a

live server. We strongly recommend you to do not omit this step.

- Disable all cache related section that you have in your magento.

- Upload the theme files.(refer Next Part Theme Files Upload)

- Active Netbase Extensions, open command line in folder root of

magento and run commands via ssh using putty or others, php

bin/magento setup:upgrade

http://themeforest.net/licenses/faq

http://themeforest.net/licenses

http://themeforest.net/licenses/regular

http://themeforest.net/licenses/extended


Back On Top 4

Sometimes your site is broken, after run this command, it's because

of you ran this command with the incorrect user. If your site was

broken, it's very important to set the file's permissions and

ownership correctly, after run this command line. You can refer this

command chown -R <owner>:<group> <magento root directory

path>.

- Select "Netbase Multistore" theme in Stores > Configuration >

General > Design > Design Theme > Design Theme for Magento 2.0.x

version, and select "Netbase Multistore" theme in Content > Design >

Configuration page for Magento 2.1.1 version.

- Download the install package and unzip it:

2. Theme Package Installation

Step 1: Theme Files Upload

Log into your hosting space via a FTP software. ie, FileZilla

Unzip Theme Package -> and upload all directories (There are 2 directories – app and pub) to magento 2 root directory.

Step 2: Active theme

Active Netbase Extension, open command line in folder root of magento

and run commands via ssh using putty or others, php bin/magento

setup:upgrade


Back On Top 5

Step 3: Select Design

Select "Netbase Multistore" theme in Stores > Configuration >

General > Design > Design Theme > Design Theme for Magento

2.0.x version.

With Magento 2.1.x version, you go to Content > Configuration in

Design, you click on section your store (suggest “Main Website

Store”) to edit theme name-> select "Netbase Multistore" theme


Back On Top 6

Step 4: Demo Installation

In order to do demo installation, you should import static Blocks and CMS

pages in NETBASE > Settings Panel > Installation.

Click 2 "Import" buttons to prepare demo installation.


Back On Top 7

Step 5: Select demo.

Our theme provide for you 3 home page demos, you can choose one of 3

demos to show your home page.

3. Quickstart Package Installation

Quickstart Files Upload

Step 1: Unzip


Back On Top 8

Step 2: You copy unzipped file to your “root htdocs” folder -> rename as

you want.

Step 3: In your database, you create a new database and find

in folder package. Then, you import this file in database that

you’ve create.

Step 4: After you import database file successfully, you write URL:

http://yourdomain/foldername

Note: folder name is the quickstart file name that you ‘ve renamed in Step 2

Step 5: After you enter the above url, it will appear notification as image

below:

You click on button “Agree and Setup Magento”. Then, you fill full your

website information in next step.

After you install successfully, you run command line:

php bin/magento setup:static-content:deploy

php bin/magento cache:clean

http://yourdomain/foldername


Back On Top 9

IV. Setting

1. Theme Setting Panel

Login admin; click on NETBASE > Settings Panel > Sun – Theme Setting.

You can change options, settings for your store here. Then, you should

disable cache before setting and enable after finish.

1.1. Header

The Header is divided into 3 parts: The Top Header, the Middle Header and

The Bottom Header.

Notes: To setting header type, you have to read 3 parts of header carefully: Elements of header, “Custom Block” icon in header and Import header demo.


Back On Top 10

1.1.1. Elements of header

Elements of the Top Header


Back On Top 11

Show Top Header: allow showing the top header or not. The

Top Header is divided into 3 parts: Header Top Left (the left of

top header), Header Top Center (the center of top header) and

Header Top Right (the right of top header).

Column Layout Header Top Left: select number of columns to

display elements in Header Top Left or select “Do Not Show” if

you don’t want to display any elements in Header Top Left.

Select Elements in Header Top Left: select any elements you

want in Header Top Left.

Column Layout Header Top Center: select number of

columns to display elements in Header Top Center or select

“Do Not Show” if you don’t want to display any elements in

Header Top Center.

Select Elements in Header Top Center: select any elements

you want in Header Top Center.

Column Layout Header Top Right: select number of columns

to display elements in Header Top Right or select “Do Not

Show” if you don’t want to display any elements in Header Top

Right.

Select Elements in Header Top Right: select any elements

you want in Header Top Right.

Select Layout Type Search: select the search type you want.

Select Layout Type Cart: select the cart type you want.

Select Layout Type User: select the user type you want.

Note: In part “Select Element”, you can select a custom static block

and you have to fill the custom static block. Example: you can see

image below:


Back On Top 12

ID Static Block: fill in identifier of custom static block that you

want to display in the top header. To get identifier, you go to

Content -> Blocks -> copy identifier of custom block you want.


Back On Top 13

Element of the Middle Header

Show Header Middle: allow showing the middle header or

not. The Middle Header is divided into 3 parts: Header Middle

Left (the left of middle header), Header Middle Center (the

center of middle header) and Header Middle Right (the right of

middle header).


Back On Top 14

Column Layout Header Middle Left: select number of

columns to display elements in Header Middle Left or select


Header Middle Left.

Select Elements in Header Middle Left: select any elements

you want in Header Middle Left.

Column Layout Header Middle Center: select number of

columns to display elements in Header Middle Center or select


Header Middle Center.

Select Elements in Header Middle Center: select any

elements you want in Header Middle Center.

Column Layout Header Middle Right: select number of

columns to display elements in Header Middle Right or select


Header Middle Right.

Select Elements in Header Middle Right: select any elements

you want in Header Middle Right.



image below:


Back On Top 15


want to display in the middle header. To get identifier, you go

to Content -> Blocks -> copy identifier of custom block you

want.

Element of the Bottom Header


Back On Top 16

Show Header Bottom: allow showing the bottom header or

not. The Bottom Header is divided into 3 parts: Header Bottom

Left (the left of bottom header), Header Bottom Center (the

center of bottom header) and Header Bottom Right (the right

of bottom header).

Column Layout Header Bottom Left: select number of

columns to display elements in Header Bottom Left or select


Header Bottom Left.

Select Elements in Header Bottom Left: select any elements

you want in Header Bottom Left.

Column Layout Header Bottom Center: select number of

columns to display elements in Header Bottom Center or select


Header Bottom Center.

Select Elements in Header Bottom Center: select any

elements you want in Header Bottom Center.

Column Layout Header Bottom Right: select number of

columns to display elements in Header Bottom Right or select


Header Bottom Right.

Select Elements in Header Bottom Right: select any elements

you want in Header Bottom Right.



image below:


Back On Top 17


want to display in the bottom header. To get identifier, you go

to Content -> Blocks -> copy identifier of custom block you

want.

1.1.2. “Custom Block” Icon in Header

Custom Border Radius Block Search: fill in radius of search

icon.

Choose Icon Search: select a search icon you want here.

Font size Icon Search: fill in font size of search icon.


Back On Top 18

Upload Image Icon User: upload image user icon for the login

block. Allow file type is PNG, GIF, JPG and JPEG.

Choose Icon My Account: select an account icon in the

dropdown of my account.

Choose Icon Order: select an Order icon in the dropdown of

my account.

Choose Icon Wishlist: select a wishlist icon in the dropdown

of my account.

Choose Icon Reviews Account: select a review icon in the

dropdown of my account.

Choose Icon Newsletter Account: select a newsletter icon in

the dropdown of my account.

Choose Icon Bill Account: select a bill icon in the dropdown of

my account.

You can review after setting in front-end:


Back On Top 19

Upload image of cart icon here. Allow file types are PNG, GIF,

JPG and JPEG.

Notes: Remembering Save Config after each change. And flush cache after

configure.


Back On Top 20

1.1.3. Import Header Demo

Click on a ‘header type’ button which you want to display in

your site.

Notes: 1. Remembering to flush cache after importing any header types. 2. After you import any header types, all elements in top, middle &

bottom header will automatically change to be suitable with your header type. You have to keep our setting and if you change, it can


Back On Top 21

break header interface.

1.2. Footer

The Footer is divided into 3 parts: The Top Footer, The Middle Footer and

The Bottom Footer.

1.2.1. Top Footer Setting

Show Footer Top: allow showing the top footer or not.

The top footer divided into 4 columns. You can allow show

each column or not. At the same time, you can configure

column size for each column.


Back On Top 22

1.2.2. Middle Footer Setting

Show Footer Middle: allow showing the middle footer or not.

The middle footer divided into 4 columns. You can allow show




Back On Top 23

1.2.3. Bottom Footer Setting

Show Footer Bottom: allow showing the bottom footer or not.

The bottom footer divided into 4 columns. You can allow show




Back On Top 24

Show Footer Bottom Payment: allow showing the bottom

payment footer or not.

Column Payment: select a custom block and fill static block ID.

Notes: Remembering Save Config after each change. And flush cache after

each configuration.

1.3. Home page Setting

Step 1: In order to add section and change the section position, you

go to NETBASE -> Homepage Config


Back On Top 25


Back On Top 26

You can add section by clicking on

Select the section in dropdown as image below. You can the available

sections or custom block:

In each section, you can tick to select layout for this section:


Back On Top 27

After you setup section as you want, you can preview the homepage

content in “Homepage Preview” ->

Step 2: In order to show products in homepage such as: Product Best

Seller, Product Hotdeal, Product New and Product Feature, you go to

Store > Configuration > Home Product Tab.


Back On Top 28

Tab Bestseller Products


Back On Top 29

Deal Products


Back On Top 30

New Products


Back On Top 31

Featured Products

Step 3: Show brands category: In admin panel, click on Store >

Configuration > click on EXTENSIONS tab > Brands


Back On Top 32

1.4. Category view

In admin panel, click on Store > Configuration > click on Sun Theme

Setting in Netbase 2.0.0. You can select product grid types: 3 columns or 4

columns.

2. Theme design panel

2.1. General

In admin panel, go to NETBASE -> Design Panel

Theme Colors: In this option, you can set main color of entire store,

and you can apply specific color settings in below options.


Back On Top 33

2.2. Font

Custom: select Yes to customize font family and font size. Then, you

can select “Basic Font Size, Basic Font Family and Font Family-

Custom.


Back On Top 34

2.3. Basic Color


Back On Top 35


Back On Top 36

Custom: select yes to customize the basic colors: button, link, label…

2.4. Header Color

You can customize color of some elements in top header, middle header &

bottom header.


Back On Top 37


Back On Top 38

2.5. Footer Color

You can customize color of some elements in top footer, middle footer &

bottom footer.

3. Other module

In theme we use some extensions:

3.1. Mega Menu


Back On Top 39

Please read more in file “Userguide_ Magento2_ MegaMenu .pdf”

3.2. Quick View

Please read more in file “Userguide_ Magento2_ QuickView.pdf”

3.3. Ajax Cart Pro

Please read more in file “Userguide_ Magento2_ AjaxCart.pdf”

3.4. Ajax Search

Please read more in file “Userguide_ Magento2_ AjaxSearch.pdf”

3.5. Order Upload

Please read more in file “Userguide_ Magento2_ Orderupload.pdf”

3.6. Shop By Brand

Please read more in file “Userguide_ Magento2_ ShopBy

Brand.pdf”

3.7. Blog Module

Please read more in file “Userguide_ Magento2_ Blog.pdf”

3.8. FAQ Module

Please read more in file “Userguide_ Magento2_ FAQ.pdf”

3.9. One Step Checkout

Please read more in file “Userguide_ Magento2_

OneStepCheckout.pdf”


Back On Top 40

3.10. Layered Navigation

Please read more in file “Userguide_ Magento2_

LayeredNavigation.pdf”

3.11. Store Locator

Please read more in file “Userguide_ Magento2_ StoreLocator.pdf”

V. FAQ

Question 1: Do I receive the Product like your demo?

Answer: Yes, but after that you should change your logo, upload your own products.

Our demo templates are for demo.

Question 2: Can I download the update of new version?

Answer: Yes, within 6 months of your single purchase, if we release and update the

extension or template, we will include into the product download package on our

download server, so you can download with the same download links in your

confirmation email.

Question 3: How to configure extensions in this theme?

Answer: If you want to configure the extensions, you only follow the steps below:

On admin panel, you find this extension in menu sidebar. Example: You want to

configure mega menu extension; you click on MEGAMENU in menu sidebar of admin

panel.

You will choose the extension that you want to configure here. You can have more detail

about configuration way in 3. Other Modules

If you have many questions, please contact us here:


Back On Top 41

http://cmsmart.net/support_ticket

VI. Troubleshooting

1. After installing, Site cannot load CSS & JS

A: If you are facing problem of css and js page load design after installation, then you pls

follow the steps below:

- Step 1: SSH to run command deploy: php bin/magento setup:static-content:deploy

- Step 2: Reindex Magento, php bin/magento indexer:reindex

2. Your website frontend and backend not showing.

A: Change the owner of the uploaded files (pub and var) to the web server user and set

correct file permissions for them. Login to Admin Panel, and Clear the cache.

3. Get 500 internal error when i use: php bin/magento setup:upgrade.

A: Change the owner of the uploaded files (pub and var) to the web server user and set

correct file permissions for them.

4. Theme features don't work after installation or upgrade

A: If some theme features don't work after installation or some resources (e.g. images)

are not displayed in the frontend, it often indicates problems with file permissions –

your Magento doesn’t have access to the theme files because of incorrect file

permissions on your server.

5. Fatal error: Uncaught exception

'Magento\Framework\Exception\LocalizedException'

A: If you see the above error message, then pls try to set permission on pub and var

directories.

6. Menu dropdown doesn’t show?

A: In Cache Management, please try to flush the static files cache.

http://cmsmart.net/support_ticket


Back On Top 42

7. After installing if we reload or refresh the page two three times so

it will not appear correctly?

A: Please try to enable merge javascript files in Stores > Settings > Configuration >

Advanced > Developer > JavaScript Settings.

Documents

Copyright © Netbaseteam€¦ · Mag2 Marketplace - Magento 2 Theme support Multiple Stores is the best choice for people who want to build a website like Amazon, Lazada or eBay with