So Furnicom

View demoMore detail
This guide will help you install SO Furnicom Template step by step.

 

1SYSTEM REQUIREMENTS – Back to top

SO Furnicom is compatible with Opencart 2.3.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.3.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.3.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
    • User Guide: here.
    • Popular topics
      • Managing Images
      • Adding Product Category
      • Managing Customers
      • Managing Orders
      • Managing Modules
      • Managing Theme
      • Localization: adding language, currency…
      • vQmod
    • Opencart forum: here.

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:

2.1.1 Create new database

 
Step 1: Open your Browser and type : localhost/phpmyadmin or yourdomain/phpmyadmin
 
Step 2: Then create database
 

2.1.2 Extract and Upload the whole quickstart package (admin, catalog, image … in tt_cygnus_quickstart folder ) to your server

 

2.1.3 Open browser and navigate to your site (where the quickstart uploaded) to load default Opencart installer with the database you just created.

 
As an example, name of opencart is SO-Furnicom: Https://Opencart/SO-Furnicom/upload/install/index.php then click “install” button

2.1.4 Enter the username and password for the administration


 

2.1.5 Installation Complete


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

2.1.6 Login your opencart admin
  • Go to System -> Settings
  • At tab Store Name , choose your default store, click Edit button
  • Choose tab Store

2.2 Install Theme

2.2.1 Install default Opencart

You can download Opencart here.

You can install default Opencart the same as part 2.1 Install with Quickstart Package

2.2.2 Install Theme

Feel free to check the detailed VIDEO TUTORIAL

Option1: you to use the new Extension Installer featured in OpenCart 2.0

  • Step 1 : Please type the following link: https://www.opencart.com/index.php?route=extension/extension/info&extension_id=19862. Extension allows to upload extensions without using FTP

  • Step 2: Go to Extensions > Extension Installer > Click Upload and select the “no_ftp.ocmod.XML” file to upload. Then You should see the message Success: You have installed your extension!

  • Step 3: Go to Extensions > Extension Installer > Click Upload and select the “so23_furnicom_template_oc2.3.0_v1.2.0.zip” file to upload. Then You should see the message Success: You have installed your extension!

  • Step 4: Go to System > User > User-Group > Click “Edit” button > Then you click “Select All” button

  • Step 6: Go to Extensions > Modifications > Click “Refresh” button to run “ocmod.xml” file

  • Step 7: Go to Extensions > Theme Control Panel and edit your store: General Tab, Layout Tab, Page Tab…

  • Step 8: Go to Extensions >> Modifications >> Click “Refresh” button

    •  

     

  • Step 9: Refresh your site and you got it

2.3 Select Layout

Feel free to check the detailed VIDEO TUTORIAL

2.4 CreateColor Theme Control

Feel free to check the detailed VIDEO TUTORIAL

2.5 Install Language and Override Language

2.5.1 Install Laguage

You can read more information: Here

2.5.2 Override Language

 
Step1: Extracting
 
Extract the archive file of the language pack you have downloaded into your PC: “patch_language_v2.3.x”
 
Step 2: Renaming
 
The folders are need to be changed:
 
patch_language_v.2.3.x\admin\language\%locale%
patch_language_v.2.3.x\catalog\language\%locale%
 
patch_language_v.2.3.x\admin\language\%locale%\%locale%.php
patch_language_v.2.3.x\catalog\language\%locale%\%locale%.php
 
Rename both of these folders to the language of your choice: replace “%locale%” with the name of the language (English, German…).
 
Step3:Uploading
 
Upload the admin and catalog folders you have replaced into your folder upload theme
 

 
Step4: Translating
 
Then please go to Catalog > language > extension > choose 1 of 5 files PHP >> translate the text to your preference

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

  • General: backend settings
  • Header: backend settings
  • Footer: backend settings
  • Banner Effect: backend settings

    • Layout

    Pages

  • Product Listings: backend settings
  • Product Labels: backend settings
  • Product Page: backend settings

    • Custom Code

  • CSS Input: backend settings
  • CSS File: backend settings
  • JS Input: backend settings
  • JS File: backend settings
    • 3.3.1 Mega 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

  • Backend settings

    • Copy and paste the Code into editor:

     

    To configure Feature – Submenu, click on “pencil” symbol to configure its backend settings

  • Backend settings

    • Copy and paste the Code into editor:

     

    3.3.1.3 Living Room 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.

  • Backend settings

    • Copy and paste the Code into editor:

     

    To configure Cate1 – Submenu, click on “pencil” symbol to configure its backend settings

  • Backend settings

    • To configure Img1 – Submenu, click on “pencil” symbol to configure its backend settings

  • Backend settings
    • 3.3.1.4 Pages 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 Pages Menu, click on “pencil” symbol to configure its backend settings

  • Backend settings

    • To configure List pages – Submenu, click on “pencil” symbol to configure its backend settings

  • Backend settings

    • Copy and paste the Code into editor:

     

    3.4 Extension Configuration – Layout1

    The SO Furnicom front-page has been integrated with extensions in the Theme as following list:

    I. SO-SearchPro
        • Position: Header-top1
        • Frontend Appearance

        • Backend of SO-SearchPro: Click Here
    II. SO-mega-menu
        • Position: Header-top3
        • Frontend Appearance

        • Backend of SO-mega-menu: Click Here
    III. SO-Home-Slider
        • Position: Contentop
        • Frontend Appearance


    Backend of SO-Home-Slider:

    • Backend of Module Options: Click Here
    • Backend of Slider Options: Click Here

     

    IV. SO-HTML-Content – Content-top
        • Position: Content-top
        • Frontend Appearance

        • Backend of SO-HTML-Content – Content-top: Click Here
    V. SO-Extra-Slider – Content-block1
        • Position: Content-block1
        • Frontend Appearance

      Backend of SO-Extra-Slider – Content-block1: Click Here

      • Backend of General Options: Click Here
      • Backend of Source Options: Click Here
      • Backend of Products Options: Click Here
      • Backend of Image Options: Click Here
      • Backend of Effect Options: Click Here
      • Backend of Advanced Options: Click Here

       

    VI. SO-Basic-Product – Content-block2
        • Position: Content-block2
        • Frontend Appearance

      Backend of SO-Extra-Slider – Content-block2: Click Here

      • Backend of General Options: Click Here
      • Backend of Source Options: Click Here
      • Backend of Products Options: Click Here
      • Backend of Image Options: Click Here
      • Backend of Advanced Options: Click Here

       

    VII. SO-Listing-Tabs – Content-block
        • Position: Content-block
        • Frontend Appearance

      Backend of SO-Listing-Tabs – Content-block: Click Here

      • Backend of General Options: Click Here
      • Backend of Source Options: Click Here
      • Backend of Items Options: Click Here
      • Backend of Tabs Options: Click Here
      • Backend of Image Options: Click Here
      • Backend of Effect Options: Click Here
      • Backend of Advanced Options: Click Here

       

    VIII. SO-HTML-Content – Content-block3
        • Position: Content-block3
        • Frontend Appearance

        • SO-HTML-Content – Content-block3: Click Here

          • Copy and paste the Code into editor:

           

    IX. SO-Deals-Category – Content-block3
        • Position: Content-block3
        • Frontend Appearance

      Backend of SO-Deals-Category – Content-block3 : Click Here

      • Backend of General Options: Click Here
      • Backend of Source Options: Click Here
      • Backend of Products Options: Click Here
      • Backend of Category Options: Click Here
      • Backend of Image Options: Click Here
      • Backend of Effect Options: Click Here
      • Backend of Advanced Options: Click Here

       

    X. SO-Latest-Blog – Content-block3
        • Position: Content-block3
        • Frontend Appearance

          Backend of SO-Latest-Blog – Content-block3: Click Here

          • Backend of General Options: Click Here
          • Backend of Blogs Options: Click Here
          • Backend of Category Options: Click Here
          • Backend of Image Options: Click Here
          • Backend of Effect Options: Click Here
          • Backend of Advanced Options: Click Here
    XI. SO-Newsletter – Footer-top1
        • Position: Footer-top1
        • Frontend Appearance

      Backend of SO-Newsletter – Footer-top1: Click Here

      • Backend of General Options: Click Here
      • Backend of Content Options: Click Here
      • Backend of HTML Email Template: Click Here
      • Backend of Newletter Subscribers : Click Here
      • Backend of Advanced Options: Click Here

       

    XII. SO-Theme-Confic
        • Frontend Appearance

        • Backend of SO-Theme-Confic: Click Here

    3.5 Extension Configuration – Layout2

    The SO Furnicom front-page has been integrated with extensions in the Theme as following list:

     

    I. SO-HTML-Content – Header-top2
        • Position: Headertop2
        • Frontend Appearance

          Backend of SO-HTML-Content – Header-top2: Click Here
          Copy and paste the Code into editor:
           
    II. SO-HTML-Content(HTML-Link-Deals-Home2) – Header-top3
        • Position: Header-top3
        • Frontend Appearance

          Backend of SO-HTML-Content(HTML-Link-Deals-Home2) – Header-top3: Click Here
          Copy and paste the Code into editor:
           
    III. SO-HTML-Content(HTML-Social-header-layout2) – Header-top3
        • Position: Header-top3
        • Frontend Appearance

          Backend of SO-HTML-Content(HTML-Social-header-layout2) – Header-top3: Click Here
          Copy and paste the Code into editor:
           
    IV. SO-Home-Slider – Content-top
        • Position: Content-top
        • Frontend Appearance

          Backend of SO-Home-Slider – Content-top:

          • Backend of Module Options: Click Here
          • Backend of Slider Options: Click Here

     

    V. SO-Deals-Category – Content-block1
        • Position: Content-block1
        • Frontend Appearance

          Backend of SO-Deals-Category – Content-block1: Click Here

          • Backend of General Options: Click Here
          • Backend of Source Options: Click Here
          • Backend of Category Options: Click Here
          • Backend of Products Options: Click Here
          • Backend of Image Options: Click Here
          • Backend of Effect Options: Click Here
          • Backend of Advanced Options: Click Here

     

    VI. SO-Basic-Product – Content-block2
        • Position: Content-block2
        • Frontend Appearance

          Backend of SO-Deals-Category – Content-block1: Click Here

          • Backend of General Options: Click Here
          • Backend of Source Options: Click Here
          • Backend of Products Options: Click Here
          • Backend of Image Options: Click Here
          • Backend of Advanced Options: Click Here
    VII. HTML-Content – Content-Block3
        • Position: Content-Block3
        • Frontend Appearance

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

       
    VIII. SO-Extraslider-Featured-Product-Home2 – Content-Block4
        • Position: Content-block4
        • Frontend Appearance

          Backend of SO-Extraslider-Featured-Product-Home2 – Content-Block4:

          • Backend of General Options: Click Here
          • Backend of Source Options: Click Here
          • Backend of Products Options: Click Here
          • Backend of Effect Options: Click Here
          • Backend of Advanced Options: Click Here
    IX. HTML-Content – Content-Block4
        • Position: Content-Block4
        • Frontend Appearance

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

       
       

      X. SO-Extraslider-Bellers-Product-Home2 – Content-Block4
          • Position: Content-block4
          • Frontend Appearance

        Backend of SO-Extraslider-Bellers-Product-Home2 – Content-Block4: Click Here

        • Backend of General Options: Click Here
        • Backend of Source Options: Click Here
        • Backend of Products Options: Click Here
        • Backend of Image Options: Click Here
        • Backend of Effect Options: Click Here
        • Backend of Advanced Options: Click Here

         

      XI. HTML-Content – Content-Block5
          • Position: Content-Block5
          • Frontend Appearance

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

         

      XII. HTML-Content – Content-Block6
          • Position: Content-Block6
          • Frontend Appearance

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

         

      XIII. SO-Latest-Blog – Content-Bottom
          • Position: Content-Bottom
          • Frontend Appearance

        Backend of SO-Extraslider-Bellers-Product-Home2 – Content-Block4: Click Here

        • Backend of General Options: Click Here
        • Backend of Category Options: Click Here
        • Backend of Blogs Options: Click Here
        • Backend of Image Options: Click Here
        • Backend of Effect Options: Click Here
        • Backend of Advanced Options: Click Here

         

      XIV. HTML-Content – Content-Bottom
          • Position: Content-Bottom
          • Frontend Appearance

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

         

      XV. SO-Basic-Product – Footer-top1
          • Position: Footer-top1
          • Frontend Appearance

        Backend of SO-Basic-Product – Footer-top1: Click Here

        • Backend of General Options: Click Here
        • Backend of Category Options: Click Here
        • Backend of Products Options: Click Here
        • Backend of Image Options: Click Here
        • Backend of Advanced Options: Click Here

         

      • Other extensions in Layout2 are configured the same as above extensions in Layout1.

       

      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!