So G2Shop

System Requirements: here

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

Feel free to check the detailed VIDEO TUTORIAL

There are 2 ways to install this theme:

Option 1: You can try install via FTP by following these steps:

Step1: Upload theme package to your Root folder (Example: upload the file so_revo_template_oc2.3.0_v1.0.0.ocmod.zip

Step2: Use Cpanel to unzip this file

Step3: Move all folders into 'upload' folder to Root folder

 

Step 4: Go to Admin => Extensions => Modification => Click Refresh button

Step 5: Go to Admin => Extensions => Extensions => Filter: Modules => Click to install Theme control panel module

Step 6: Go to Admin => Systems => Users => User groups => Edit Administrator => Select All in all permissions => Save

Option 2: You can Install No FTP for Extension Installer by following these steps::

Please watch VIDEO TUTORIAL to configure

Please watch VIDEO TUTORIAL to configure

1. Install Laguage

2. Override Language

Step 1: Extracting

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

Step 2: Renaming

You need to change folders:

   - patch_language_v.2.3.x\admin\language\%locale%
   - patch_language_v.2.3.x\catalog\language\%locale%
  
  
   and files:
   
   
   - patch_language_v.2.3.x\admin\language\%locale%\%locale%.php
   - patch_language_v.2.3.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

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:

Screenshot Backend Settings

General: General/ Header/ Footer/ Banner Effect

Layout: Layout

Pages: Product Listings/ Product Labels/ Product Page

Fonts: Fonts

Social Widgets Accounts: Social Widgets Accounts

Custom Code: CSS Input/ CSS File/ JS Input/ JS File

Advanced: Advanced

Sample Data: Sample Data

Frontend Appearance

Go to Extensions => Modules => Find module "So Horizontal Menu" => Click "Create new item" button => Enter a menu’s name: "So Horizontal Menu" => Then Click Save button => Create new Horizontal Menu Here

Frontend Appearance

Check the menu item in the boxes in the left column, click "Create new Item" to add Submenus to the menu and drag/drop to arrange them.

To configure Fashions Menu, click on “pencil” symbol to configure its backend settings

To configure HTML Quick links - Submenu, click on “pencil” symbol to configure its backend settings

Copy and paste the Code into editor:

<div class="toplink-menu">
	<ul class="links-menu">
		<li><a title="Recommend" href="#">Recommend</a></li>
		<li><a title="Best Seller" href="#">Best Seller</a></li>
		<li><a title="Galaxy S5" href="#">Galaxy S5</a></li>
		<li><a title="iPhone 6" href="#">iPhone 6</a></li>
		<li><a title="Most Review" href="#">Most Review</a></li>
	</ul>
</div>

To configure Banner - Submenu, click on “pencil” symbol to configure its backend settings

Copy and paste the Code into editor:

<div class="st-img">
    <div class="img-wrapper">
      <a href="#" title="Static Image"><img src="image/catalog/menu/megabanner/st-img2.jpg" alt=""></a>
    </div>
    <div class="detail-st-img">
      <h2>Proin gravida semper</h2>
      <p>Sagittis dis ridiculus odio aliquet duis amet et elementum lacus mus ultricies</p>
      <a class="btn-button-st font-title" href="#" title="Shop collection now">Shop collection now</a>
    </div>
  </div>

To configure Banner Categories - Submenu, click on “pencil” symbol to configure its backend settings

Copy and paste the Code into editor:

<div class="categories-banner">
  <div class="row">
    <div class="img-cate img1 col-lg-3 col-md-3">
      <div class="img-inner">
        <a class="img-c" href="#"><img src="image/catalog/menu/megabanner/img-cate1.jpg" alt=""></a>
        <a href="#">Swim wears</a>
      </div>      
    </div>
    <div class="img-cate img1 col-lg-3 col-md-3">
      <div class="img-inner">
        <a class="img-c" href="#"><img src="image/catalog/menu/megabanner/img-cate2.jpg" alt=""></a>
        <a href="#">Shoes</a>
      </div>      
    </div>
    <div class="img-cate img1 col-lg-3 col-md-3">
      <div class="img-inner">
        <a class="img-c" href="#"><img src="image/catalog/menu/megabanner/img-cate3.jpg" alt=""></a>
        <a href="#">Dress</a>
      </div>      
    </div>
    <div class="img-cate img1 col-lg-3 col-md-3">
      <div class="img-inner">
        <a class="img-c" href="#"><img src="image/catalog/menu/megabanner/img-cate4.jpg" alt=""></a>
        <a href="#">Lingeries</a>
      </div>      
    </div>
    <div class="img-cate img1 col-lg-3 col-md-3">
      <div class="img-inner">
        <a class="img-c" href="#"><img src="image/catalog/menu/megabanner/img-cate5.jpg" alt=""></a>
        <a href="#">Jewellery</a>
      </div>      
    </div>
    <div class="img-cate img1 col-lg-3 col-md-3">
      <div class="img-inner">
        <a class="img-c" href="#"><img src="image/catalog/menu/megabanner/img-cate6.jpg" alt=""></a>
        <a href="#">Bags</a>
      </div>      
    </div>

  </div>
</div>

Frontend Appearance

Check the menu item in the boxes in the left column, click "Create new Item" to add Submenus to the menu and drag/drop to arrange them.

To configure Electronic Menu, click on “pencil” symbol to configure its backend settings

To configure HTML Quick links - Submenu, click on “pencil” symbol to configure its backend settings

Copy and paste the Code into editor:

<div class="toplink-menu">
	<ul class="links-menu">
		<li><a title="Recommend" href="#">Recommend</a></li>
		<li><a title="Best Seller" href="#">Best Seller</a></li>
		<li><a title="Galaxy S5" href="#">Galaxy S5</a></li>
		<li><a title="iPhone 6" href="#">iPhone 6</a></li>
		<li><a title="Most Review" href="#">Most Review</a></li>
	</ul>
</div>

To configure Banner - Submenu, click on “pencil” symbol to configure its backend settings

Copy and paste the Code into editor:

<div class="st-img">
    <div class="img-wrapper">
      <a href="#" title="Static Image"><img src="image/catalog/menu/megabanner/st-img1.jpg" alt=""></a>
    </div>
    <div class="detail-st-img">
      <h2>Proin gravida semper</h2>
      <p>Sagittis dis ridiculus odio aliquet duis amet et elementum lacus mus ultricies</p>
      <a class="btn-button-st font-title" href="#" title="Shop collection now">Shop collection now</a>
    </div>
  </div>

To configure Categories - Submenu, click on “pencil” symbol to configure its backend settings

Frontend Appearance

Go to Extensions=> Extensions => Modules => Find module "So Mega Menu" => Click "Create new item" button => Enter a menu’s name: "So Vertical Menu" => Then Click Save button => Create new Vertical Menu Here

Frontend Appearance

Check the menu item in the boxes in the left column, click "Create new Item" to add Submenus to the menu and drag/drop to arrange them.

To configure Smartphone Menu, click on “pencil” symbol to configure its backend settings

To configure HTML Content Bottom - Submenu, click on “pencil” symbol to configure its backend settings

Copy and paste the Code into editor:

<div class="toplink-menu">
	<ul class="links-menu">
		<li><a title="Recommend" href="#">Recommend</a></li>
		<li><a title="Best Seller" href="#">Best Seller</a></li>
		<li><a title="Galaxy S5" href="#">Galaxy S5</a></li>
		<li><a title="iPhone 6" href="#">iPhone 6</a></li>
		<li><a title="Most Review" href="#">Most Review</a></li>
	</ul>
</div>

To configure Sub category - Submenu, click on “pencil” symbol to configure its backend settings

To configure HTML Content - Submenu, click on “pencil” symbol to configure its backend settings

Copy and paste the Code into editor:

<div class="st-img">
    <div class="img-wrapper">
      <a href="#" title="Static Image"><img src="image/catalog/menu/megabanner/st-img1.jpg" alt=""></a>
    </div>
    <div class="detail-st-img">
      <h2>Proin gravida semper</h2>
      <p>Sagittis dis ridiculus odio aliquet duis amet et elementum lacus mus ultricies</p>
      <a class="btn-button-st font-title" href="#" title="Shop collection now">Shop collection now</a>
    </div>
  </div>

Frontend Appearance

Check the menu item in the boxes in the left column, click "Create new Item" to add Submenus to the menu and drag/drop to arrange them.

To configure Camera Menu, click on “pencil” symbol to configure its backend settings

To configure HTML Content - Submenu, click on “pencil” symbol to configure its backend settings

Copy and paste the Code into editor:

<div class="categories-banner">
  <div class="row">
    <div class="img-cate img1 col-lg-4 col-md-4">
      <div class="img-inner">
        <a class="img-c" href="#"><img src="image/catalog/menu/megabanner/img-cate1.jpg" alt=""></a>
        <a href="#">Swim wears</a>
      </div>      
    </div>
    <div class="img-cate img1 col-lg-4 col-md-4">
      <div class="img-inner">
        <a class="img-c" href="#"><img src="image/catalog/menu/megabanner/img-cate2.jpg" alt=""></a>
        <a href="#">Shoes</a>
      </div>      
    </div>
    <div class="img-cate img1 col-lg-4 col-md-4">
      <div class="img-inner">
        <a class="img-c" href="#"><img src="image/catalog/menu/megabanner/img-cate3.jpg" alt=""></a>
        <a href="#">Dress</a>
      </div>      
    </div>
    <div class="img-cate img1 col-lg-4 col-md-4">
      <div class="img-inner">
        <a class="img-c" href="#"><img src="image/catalog/menu/megabanner/img-cate4.jpg" alt=""></a>
        <a href="#">Lingeries</a>
      </div>      
    </div>
    <div class="img-cate img1 col-lg-4 col-md-4">
      <div class="img-inner">
        <a class="img-c" href="#"><img src="image/catalog/menu/megabanner/img-cate5.jpg" alt=""></a>
        <a href="#">Jewellery</a>
      </div>      
    </div>
    <div class="img-cate img1 col-lg-4 col-md-4">
      <div class="img-inner">
        <a class="img-c" href="#"><img src="image/catalog/menu/megabanner/img-cate6.jpg" alt=""></a>
        <a href="#">Bags</a>
      </div>      
    </div>

  </div>
</div>

There are two ways to configure Extensions of this Theme:

Option 1: Go to Admin Control Panel => Extensions => Extensions => Choose the extension type: Modules => And choose the module you want.

So G2Shop is using extensions:

- So Category Slider: Click here to read user guide

- So Deals: Click here to read user guide

- So Extra Slider: Click here to read user guide

- So Home Slider: Click here to read user guide

- So Latest Blog: Click here to read user guide

- So Mega Menu: Click here to read user guide

- So Newsletter Custom Popup: Click here to read user guide

- So Page Builder: Click here to read user guide

- So Search Pro: Click here to read user guide

- So Social Login: Click here to read user guide

- So Super Category: Click here to read user guide

Example: Install Social Login Configuration Module

Frontend Appearance

 

Please click: here to read more about So Social Login

Option 2: Go to Admin Control Panel => Magentech => So Page Builder => Select the Layout you want.

To remove Designed by Opencartworks.Com at the footer of theme, please purchase our Copyright Removal here

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!