Copyright © Netbaseteam.com
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
Copyright © Netbaseteam.com
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:
http://themeforest.net/user/netbaseteam
https://twitter.com/cmsmartnet
Copyright © Netbaseteam.com
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.
Copyright © Netbaseteam.com
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
Copyright © Netbaseteam.com
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
Copyright © Netbaseteam.com
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
Copyright © Netbaseteam.com
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.
Copyright © Netbaseteam.com
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
Copyright © Netbaseteam.com
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
Copyright © Netbaseteam.com
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.
Copyright © Netbaseteam.com
Back On Top 10
1.1.1. Elements of header
Elements of the Top Header
Copyright © Netbaseteam.com
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:
Copyright © Netbaseteam.com
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.
Copyright © Netbaseteam.com
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).
Copyright © Netbaseteam.com
Back On Top 14
Column Layout Header Middle Left: select number of
columns to display elements in Header Middle Left or select
“Do Not Show” if you don’t want to display any elements in
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
“Do Not Show” if you don’t want to display any elements in
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
“Do Not Show” if you don’t want to display any elements in
Header Middle Right.
Select Elements in Header Middle Right: select any elements
you want in Header Middle Right.
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:
Copyright © Netbaseteam.com
Back On Top 15
ID Static Block: fill in identifier of custom static block that you
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
Copyright © Netbaseteam.com
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
“Do Not Show” if you don’t want to display any elements in
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
“Do Not Show” if you don’t want to display any elements in
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
“Do Not Show” if you don’t want to display any elements in
Header Bottom Right.
Select Elements in Header Bottom Right: select any elements
you want in Header Bottom Right.
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:
Copyright © Netbaseteam.com
Back On Top 17
ID Static Block: fill in identifier of custom static block that you
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.
Copyright © Netbaseteam.com
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:
Copyright © Netbaseteam.com
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.
Copyright © Netbaseteam.com
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
Copyright © Netbaseteam.com
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.
Copyright © Netbaseteam.com
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
each column or not. At the same time, you can configure
column size for each column.
Copyright © Netbaseteam.com
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
each column or not. At the same time, you can configure
column size for each column.
Copyright © Netbaseteam.com
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
Copyright © Netbaseteam.com
Back On Top 25
Copyright © Netbaseteam.com
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:
Copyright © Netbaseteam.com
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.
Copyright © Netbaseteam.com
Back On Top 28
Tab Bestseller Products
Copyright © Netbaseteam.com
Back On Top 29
Deal Products
Copyright © Netbaseteam.com
Back On Top 30
New Products
Copyright © Netbaseteam.com
Back On Top 31
Featured Products
Step 3: Show brands category: In admin panel, click on Store >
Configuration > click on EXTENSIONS tab > Brands
Copyright © Netbaseteam.com
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.
Copyright © Netbaseteam.com
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.
Copyright © Netbaseteam.com
Back On Top 34
2.3. Basic Color
Copyright © Netbaseteam.com
Back On Top 35
Copyright © Netbaseteam.com
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.
Copyright © Netbaseteam.com
Back On Top 37
Copyright © Netbaseteam.com
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
Copyright © Netbaseteam.com
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”
Copyright © Netbaseteam.com
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:
Copyright © Netbaseteam.com
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.
Copyright © Netbaseteam.com
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.