1SYSTEM REQUIREMENTS – Back to top
SO Hurama is compatible with Opencart 2.0.x and Opencart 2.1.x. Please make sure your system meets the following requirements:
1.1 System Requirements
Software
- Software: PHP 5.2.4+ (5.4+ recommended)
- MySQL: 5.0.4+
Web Sever
- Apache: 2.x+
- Microsoft: IIS 7
- Nginx: 1.0 (1.1 recommended)
1.3 Browser Requirements
The requirements are the same with Opencart 2.0.x and Opencart 2.1.x
- Firefox 4+
- IE (Internet Explorer) 9+
- Google Chrome 10+
- Opera 10+
- Safari 5+
1.4 Development Environment
The requirements are the same with Opencart 2.0.x and Opencart 2.1.x
During the development process, Localhost is preferred. You can use the following servers on your PC to develop your site.
Windows
- WAMPSEVER
- XAMPP for Windows
Linux
- LAMP Bubdle
- XAMPP for Linux
Mac OS
- MAMP & MAMP Pro
- XAMPP for Mac OS
1.5 Note: You can read more document below
- Opencart Installation:
- OPencart Help
2INSTALLATION – Back to top
There are two ways to install a SO Theme:
- Install Quickstart: By using this package, you will set the template exactly as our Demo with sample data.
- Install Template : If you exist a opencart website you can install only template.
2.1 Install with Quickstart Package:
Step 1: Open your Browser and type : localhost/phpmyadmin or yourdomain/phpmyadmin
Step 2: Then create database
As an example, name of opencart is SO-Hurama: Https://Opencart/SO-Hurama/upload/install/index.php then click “install” button
You need to delete install folder
Note:
After installing quickstart package and choosing Layout you want. To retrieve sample data for theme default, please go to Theme Control Panel >> Choose Sample Data >> Click “Install data” button
![]()
- Go to System -> Settings
- At tab Store Name , choose your default store, click Edit button
- Choose tab Store
2.2 Install Theme
You can download Opencart here.
You can install default Opencart the same as part 2.1 Install with Quickstart Package
There are two ways to install Theme
Option1: you to use the new Extension Installer featured in OpenCart 2.0
- Step 1 : Click FTP Accounts from your cPanel
- Step 2: Create username and password
- Step 3: Enable FTP. please go to System >> Settings >> Click Edit next to your store >> Click FTP tab and enter the FTP username & password, which you just created from the cPanel
- Step 4: Go to Extensions > Extension Installer > Click Upload and select the “so_hurama_template.ocmod.zip” file to upload. Then You should see the message Success: You have installed your extension!
- Step 5: You run the vqmod on your Frontend. Please type the following link: http://www.yoursite.com/vqmod/install. Then you should see the message Success: You have installes your Vqmod !. Refresh your site
- Step 6: Go to Extensions > Themes > Click “Edit” button
- Step 7: Go to Extension > Modules > SO Theme Control Panel and click on the ‘install’ link
- Step 8: To retrieve sample data for theme default, please go to Theme Control Panel >> Choose Sample Data >> Click “Install data” button
Then You should see the message Success: You have installed your extension!
Click on the Theme Directory and choose the Layout you want
Then click on the ‘edit’ button to cofigure this module.
Option2: Just copy your files to your webserver
- Extract the so_hurama_template.ocmod.zip from the archive you downloaded from Themeforest.
- Open the folder that corresponds to your OpenCart version and upload all the files from “FILES_TO_UPLOAD” to the root directory you have installed OpenCart in. Drag the 5 folders (admin, catalog, image, system, ocmod) over to your OpenCart installation
- Login your opencart admin
- Go to Extensions > Themes > Click “Edit” button
Click on the Theme Directory and choose the Layout you want
Go to Extension > Modules > SO Theme Control Panel and click on the ‘install’ link
Then click on the ‘edit’ button to cofigure this module.
2.3 Install Vqmod
SO Hurama makes use of plugins to add custom features. These plugins need Vqmod installed on your site.
Download the lastest vqmod-x.x.x-opencart.zip file: here.
Please type the following link: http://www.yoursite.com/vqmod/install. Then you should see the message Success: You have installes your Vqmod !. Refresh your site.
3CONFIGURATION – Back to top
3.1 Layout Position
3.1.1 Layout1
3.1.2 Layout2
3.2 Template Configuration
3.2.1. Template Configuration
Go to Extensions > Modules > Theme Control Panel >> Click “Edit” Button. All of parameters of this theme are divided into the following groups, in which they are explained themselves:
General
Layout
Pages
Fonts
Social Widgets Accounts
Custom Code
3.3 Menu Configuration
Frontend Appearance
3.3.1.1 Create New Megamenu
Go to Extensions >> Modules >> Find module “SO Mega Menu” >> Click “Edit” button >> Enter a menu’s name: “SO Mega Menu” >> Then Click “Save” button >> Create New Megamenu Here
3.3.1.2 Features Menu Configuration
Frontend Appearance
To create this menu, please go to Extensions >> Modules >> ” SO Megamenu > SO Megamenu” >> Click “Edit” button >> Click “Creat new Item” >> Creat new item Here
Check the menu item in the boxes in the left column, click “Creat new Item” to add Submenus to the menu and drag/drop to arrange them.
To configure Features Menu, click on “pencil” symbol to configure its backend settings
Copy and paste the Code into editor:
To configure Items – Submenu, click on “pencil” symbol to configure its backend settings
Copy and paste the Code into editor:
3.3.1.3 what’s new Menu Configuration
Frontend Appearance
To create this menu, please go to Extensions >> Modules >> ” SO Megamenu > SO Megamenu” >> Click “Edit” button >> Click “Creat new Item” >> Creat new item Here
Check the menu item in the boxes in the left column, click “Creat new Item” to add Submenus to the menu and drag/drop to arrange them.
To configure what’s new Menu, click on “pencil” symbol to configure its backend settings
To configure Cate1 – Submenu, click on “pencil” symbol to configure its backend settings
Cate2, Cate3, Cate4 are configured the same as Cate1
To configure Img1 – Submenu, click on “pencil” symbol to configure its backend settings
3.3.1.4 Eyes Menu Configuration
Frontend Appearance
To create this menu, please go to Extensions >> Modules >> ” SO Megamenu > SO Megamenu” >> Click “Edit” button >> Click “Creat new Item” >> Creat new item Here
Check the menu item in the boxes in the left column, click “Creat new Item” to add Submenus to the menu and drag/drop to arrange them.
To configure Eyes Menu, click on “pencil” symbol to configure its backend settings
To configure Categories1, click on “pencil” symbol to configure its backend settings
To configure Product Demo – Submenu, click on “pencil” symbol to configure its backend settings
3.3.1.5 Lips Menu Configuration
Frontend Appearance
To create this menu, please go to Extensions >> Modules >> ” SO Megamenu > SO Verticalmenu” >> Click “Edit” button >> Click “Creat new Item” >> Creat new item Here
Check the menu item in the boxes in the left column, click “Creat new Item” to add Submenus to the menu and drag and drop to arrange them.
To configure Lips Menu, click on “pencil” symbol to configure its backend settings
To configure Mascara – Submenu, click on “pencil” symbol to configure its backend settings
Skin care, Nails collection, Lips ice are configured the same as Mascara
To configure Sub01 – Submenu, click on “pencil” symbol to configure its backend settings
Sub2, Sub3, Sub4 are configured the same as Sub01
To configure link_all1 – Submenu, click on “pencil” symbol to configure its backend settings
link_all2, link_all3, link_all4 are configured the same as Sub01
Copy and paste the Code into editor:
3.4 Extension Configuration – Layout1
The SO Hurama front-page has been integrated with extensions in the Theme as following list:
- SO-SearchPro
- SO-Mega-Menu
- SO-Home-Slider
- SO-HTML-Content – Block Free Ship
- SO-HTML-Content – Block IMG Top
- SO-Extra-Slider
- SO-HTML-Content – Block IMG Center
- SO-Listing-Tabs
- SO-HTML-Content – Block HTML Explore
- SO-Latest-Blog
- SO-HTML-Content – Block HTML Brand
- Theme Control Panel – Custom Block1
- Theme Control Panel – Custom Block3
- Theme Control Panel – Custom Block2
- Newsletter
- Frontend Appearance
- Backend of SO-SearchPro: Click Here
- Frontend Appearance
- Backend of SO-Mega-Menu: Click Here
- Frontend Appearance
-
Backend of SO-Home-Slider:
- Frontend Appearance
- Backend of SO-HTML-Content – Block Free Ship: Click Here
Copy and paste the Code into editor:
- Frontend Appearance

Backend of SO-HTML-Content – Block IMG Top: Click Here
Copy and paste the Code into editor:
- Frontend Appearance

Backend of SO-Extra-Slider: Click Here
- Frontend Appearance

Backend of SO-HTML-Content – Block IMG Center: Click Here
Copy and paste the Code into editor:
- Frontend Appearance
-
Backend of SO-Listing-Tabs : Click Here
- Frontend Appearance

Backend of SO-HTML-Content – Block HTML Explore: Click Here
Copy and paste the Code into editor:
- Frontend Appearance

Backend of SO-Latest-Blog: Click Here
- Frontend Appearance

Backend of SO-HTML-Content – Block HTML Brand: Click Here
Copy and paste the Code into editor:
- Frontend Appearance

To configure Theme Control Panel – Custom Block1, please go to Extension > Modules > SO Theme Control Panel > General > Footer > Custom Block1
Backend of Theme Control Panel – Custom Block1: Click Here
Copy and paste the Code into editor:
- Frontend Appearance

To configure Theme Control Panel – Custom Block3, please go to Extension > Modules > SO Theme Control Panel > General > Footer > Custom Block3
Backend of Theme Control Panel – Custom Block3: Click Here
Copy and paste the Code into editor:
- Frontend Appearance

To configure Theme Control Panel – Custom Block2, please go to Extension > Modules > SO Theme Control Panel > General > Footer > Custom Block2
Backend of Theme Control Panel – Custom Block2: Click Here
Copy and paste the Code into editor:
- Frontend Appearance

Backend of Newsletter: Click Here
3.5 Extension Configuration – Layout2
The SO Hurama front-page has been integrated with extensions in the Theme as following list:
- SO-SearchPro
- SO-Mega-Menu
- SO-Home-Slider
- SO-HTML-Content – Block IMG Top Right
- SO-HTML-Content – Block HTML Services
- SO-Deals – Deal Home2
- SO-HTML-Content – Block IMG Content
- SO-Category-Slider – Categories Slide
- SO-Category-Slider – Categories Slide V2
- SO-Category-Slider – Categories Slide V3
- SO-Latest-Blog – Latest Blog Home2
- SO-HTML-Content – Block HTML Brand
- Theme Control Panel – Custom Block1
- Theme Control Panel – Custom Block3
- Theme Control Panel – Custom Block2
- Newsletter
- Frontend Appearance
- Frontend Appearance
- Backend of SO-HTML-Content – Block IMG Top Right: Click Here
- Frontend Appearance
- Frontend Appearance
- Frontend Appearance
- Frontend Appearance
- Frontend Appearance
- Frontend Appearance
- Frontend Appearance
- Other extensions in Layout2 are configured the same as above extension in Layout1.
-
Backend of SO-Home-Slider:
Copy and paste the Code into editor:

Backend of SO-HTML-Content – Block HTML Services: Click Here
Copy and paste the Code into editor:

Backend of SO-Deals – Deal Home2: Click Here
-
Backend of SO-HTML-Content – Block IMG Content: Click Here
Copy and paste the Code into editor:

Backend of SO-Category-Slider – Categories Slide: Click Here

Backend of SO-Category-Slider – Categories Slide V2: Click Here

Backend of SO-Category-Slider – Categories Slide V3: Click Here

Backend of SO-Latest-Blog – Latest Blog Home2: Click Here
Note: You can read other extensions here:
4SUPPORT – Back to top
Thank you so much for purchasing this template. If you have any questions that are beyond the scope of this help file, please send us via: Submit a Ticket
Thanks so much!