Getting Started

Installing OpenCart

Mobile Settings


So Mobile for OpenCart 3

So mobile is the powerful module that allow admin control and attract more users in the hi-tech life. Mobile layout is more friendly and user-interface closed than ever that why you need mobile layouts specific. Mobile visitors can browse easier and checkout faster using the mobile-optimized theme, and that also why Google can rank your site in mobile search results. Try it and make your more professional than any competitor with mobile webshop now.

System Requirements

System Requirements for Opencart: Click here

Install Default OpenCart

You can click Click here to read user guide to install default OpenCart.

Install Theme

You can click VIDEO TUTORIAL to view user guide to install Theme.

Step 1: Extensions Installer

Go to Extensions => Installer => Click Upload and select the file to upload. Then you will see the message Success: You have installed your extension!


If you get this error: file could not be uploaded, you can do these steps

Make sure your PHP value requirements look like:

max_input_vars = 25000


Or you can try install the theme via FTP/Cpanel

  1. Please upload the theme package to your root file
  2. Use cpanel account to unzip it
  3. Move all folders into ‘upload’ folder to Root folder
  4. Go to Admin >> Extensions >> Extensions >> filter Modules >> Click install Theme control panel module
  5. After that, go to Admin >> Extensions >> Modifications >> click Refresh button
  6. Try go to Admin >> Systems>> Users >> User groups >> Edit administrator >> click Select All >> Save

Step 2: Extensions Active

Go to Extensions => Extensions => Click Install button

Step 3: Access Permission

Go to System => User => User-Group => Click Edit button => Then you click Select All button

Step 4: Rebuild your modification cache

Go to Extensions => Modifications => Click Refresh button to rebuild your modification cache

Step 5: Mobile Control Panel

Go to Extensions => Mobile Control Panel and edit your store: General Tab, Layout Tab, Page Tab...

Install Language and Override Language

Install Laguage

You can read more information: Here

Override Language

Step 1: Extracting

Extract the language archive file which you downloaded into your PC: patch_language_v3.x

Step 2: Renaming

You need to change folders:

   - patch_language_v3.x\admin\language\%locale%
   - patch_language_v3.x\catalog\language\%locale%
   and files:
   - patch_language_v3.x\admin\language\%locale%\%locale%.php
   - patch_language_v3.x\catalog\language\%locale%\%locale%.php

To your language: replace "%locale%" with the name of the language (English, German...).

Step 3: Uploading

Upload admin and catalog folders you replaced into your OpenCart folder

Step 4: Translating

Then please go to catalog => language => your language folder => extension => select files you want to translate

How to use the Language Editor in OpenCart 3.x

You can read more information: Here

Change the Layout and Create Color

Go to OpenCartWorks => So Mobile => General Tab

1 Change the Layout: Click button Apply Default Setting Choose the Layout you want. F5 fontend to see the change.

2 Change the Color - Following these step:

1. Name your new color

2. Select the color

3. Compile Css

4. Select the color you just created in Theme Color

5. Save

Change Header & Footer

Go to OpenCartWorks => So Mobile => Header, Footer Tab => Select header and footer that you want show

I. Header

II. Footer - Fontend

1 Payment Image

2 Telephone No

3 Email Us

4 Custom Footer

5 Link Menu For Footer

III. Footer - Backend

Change Layout Module

Go to Design => Layout ==> Select Layout Mobile - Home 1 or Mobile - Home 2 that you want show

Choose the position of the modules and Add/ Edit/ Remove Module.

Change the Fonts

Go to OpenCartWorks => So Mobile => Fonts Tab => Click Font Setting Choose the Font want

Please watch VIDEO TUTORIAL to configure

Show Bottom Bar

Go to OpenCartWorks => So Mobile => Bottom Bar Tab => Choose Bottom Bar = On/Off and change home page information.

I. Bottom Bar - Fontend

1 Bottom Bar

2 Wistlist

3 Link Home 1, Home 2 ...

II. Bottom Bar - Backend

Change Left Bar

Go to OpenCartWorks => So Mobile => Left Bar

I. Left Bar - Fontend

1 Search

2 Category

3 Menu Item

4 Compare

5 Wistlist

II. Left Bar - Backend

Change Category Page

Go to OpenCartWorks => So Mobile => Page Tab

Change CSS

Go to path: catalog\view\theme\your_theme\css\custom.css
and add code Css to file custom .css

If you have any question that is beyond the scope of this help file, please send us via: Submit a Ticket

Thank you so much for purchasing this theme!