SM Genera

This guide will help you install SM Genera themes step by step.

1 SYSTEM REQUIREMENT – Back to top

At the basic level, this theme will require the following conditions:

  • Compatible with Magento Community Edition 1.7.x; 1.8.x ; 1.9.x and the latest version 1.9.2.1
  • This theme is updated to version 1.1.0

2LAYOUT POSITION – Back to top

3INSTALLATION – Back to top

There are two ways to install a Magento Theme:

  • Install quickstart: By using this package, you will set the theme exactly as our Demo with sample data.
  • Install Theme and Extensions: You will need only be using the zipped files in “Extensions” and “Theme” folders.

3.1 Install with Quickstart Package:

Magentech provides SM Quickstart package for each theme which aims to ease the installation for users. It will help you save much time of installing and configuring if you plan to start your site from the beginning. Please following steps below:

    • Step 1: Download the quickstart package
    • Step 2: Extract and Upload the whole Quickstart package to your server. In Quickstart folder you will see the extracted folder that include all sample data
    • Step 3: Create a database for your Magento

  • Step 4: Start installation by opening browser and navigate to your url (where the quickstart uploaded) to load default Magento installer.
  • Step 5: Finish installation

3.2 Install Magento Theme

The installation of our theme is quite simple. You just need follow steps below to get our theme ready for your Magento store:

  • Step 1: Upload folders skin and app from our download package to your Web server’s document root (from here on, referenced as {docroot}). You should see a directory layout like this:

    {docroot} /magento/

    app/ index.php js/ lib/ LICENSE.txt media/ pear/ skin/ var/
  • Step 2: Login your Magento Admin area (ex: Access Magento Admin area: http://yourdomain/index.php/admin/)
  • Step 3: Navigate to System => Configuration => Design as screen shot below.

  • Step 4: Finally, Click button “Save Config” to save your configuration

Configure theme using admin backend For easing the theme configuration, we has been created Cpanel in both backend and frontend, this is SM Genera configuration in backend:

1. Under Magento admin panel, go to System >> Configuration

2. Select SM Setting Theme theme on the left-hand menu

3. Tweak the theme as you want

3.3 Install Magento Extension

You just need following steps below to get our extensions ready for your Magento store:

  • Step 1: Upload folders skin and app from our download package to your Web server’s document root (from here on, referenced as {docroot}). These files will overwrite default folders skin and app in your Magento folder, you should see a directory layout like this:

    {docroot} /magento/

    app/

    index.php

    js/

    lib/

    LICENSE.txt

    media/

    pear/

    skin/

    var/

  • Step 2: Login your Magento Admin area (ex: access Magento Admin area: http://yourdomain/magento/index.php/admin/)
  • Step 3: Navigate to System => Configuration => Extensions Configuration

  • Step 4: You will see installed extension, click extension’s name tab to go to extension configuration page.

4CONFIGURATION – Back to top

4.1 General Configuration

Configure theme using Cpanel frontend

  • Theme Color: support 4 presets to be chosen
  • Layout Style: Full width and Boxed
  • Menu Style: Mega; Css; Split

4.2 Configure pages

Home Page

To config this page, please navigate to CMS >> Pages, create Home page, navigate to Design tab and update with the following settings:

  • Layout: select 1 column
  • Layout update XML: paste the code below
  • Link show home page’s backend. Please click Here to view.

4.3 Configure Mega Menu

To configure “General settings, Module settings, Advance settings” of SM Megamenu, please login your administrator, go to SM Mega Menu >> Configuration

To view more guide about how to install, set up and configure SM Mega Menu as you want, please click HERE

Mega Menu Items Configuration

In order to add menu items, Go to SM Mega Menu >> Menu items Manager

HOME MENU

Frontend

  • Link show Home Menu’s backend. Please click Here to view.

In the admin Panel page, navigate to SM MegaMenu >> Menu Items Manager to view Tree of Home Menu:

http://images.smartaddons.com/smartaddons/images/userguide/magento/sm-genera/tree-home.png

  • Link Layout: backend
  • Content Code of Link Layout:
TYPES MENU

Frontend

  • Link show Types Menu’s backend. Please click Here to view.

In the admin Panel page, navigate to SM MegaMenu >> Menu Items Manager to view Tree of Types Menu:

http://images.smartaddons.com/smartaddons/images/userguide/magento/sm-genera/tree-types.png

Important: “Categories 2 & Categories 3″ configure the same with “Categories 1″ as above.

Menu type: CMS Block

To config: Go to CMS >> Static Block >> Genera banner helmets and paste content code of Genera banner helmets as below:

BODY ARMOURS MENU

Frontend

  • Link show Body Armours Menu’s backend. Please click Here to view.

In the admin Panel page, navigate to SM MegaMenu >> Menu Items Manager to view Tree of Body Armours Menu:

http://images.smartaddons.com/smartaddons/images/userguide/magento/sm-genera/tree-body.png

Important: “Catagories container 2; Catagories container 3″ configure the same with “Catagories container 1″ as above.

Menu type: CMS Block

To config: Go to CMS >> Static Block >> Banner body amours and paste content code of Banner body amours as below:

ABOUT US MENU

Frontend

  • Backend of About Us Menu. Click Here

To config this page, please navigate to Catalog >> Manager Categories >> About Us category:

BLOG MENU

Frontend

  • Link show Blog Menu’s backend. Please click Here to view

To config this page, please navigate to Catalog >> Manager Categories >> Blog category:

CONTACT US MENU

Frontend

  • Link show Contact Us Menu’s backend. Please click Here to view.

To config this page, please navigate to Catalog >> Manager Categories >> Contact Us category:

4.4 Configure Extensions

I. SM Cart Pro

  • Position: SM Cart Pro
  • Frontend

  • Backend of SM Cart Pro: Click Here
  • To view more guide about how to install, set up and configure SM Cart Pro as you want, please click here

II. SM Dynamic Slideshow

  • Position: SM Dynamic slideshow
  • Frontend

  • Backend of SM Dynamic Slideshow. Click Here
  • To view more guide about how to install, set up and configure SM Dynamic Slideshow as you want, please click here
  • Slideshow Mobile Configuration: in the admin panel, go to CMS >> Add a new Static Block with name “Gen slideshow mobile”. Below is content code of “Gen slideshow mobile”:
III. SM Tab Listing

  • Position: SM Tab listing
  • Frontend

  • Backend of SM Tab Listing. Click Here
  • To view more guide about how to install, set up and configure SM Tab listing as you want, please click here

IV. SM Slider

  • Position: SM Slider
  • Frontend

To config this position, please navigate to CMS >> Pages >>Home page, navigate to Design tab and paster code rows as following:

V. SM Deal

  • Position: SM Deal
  • Frontend

  • Backend of SM Deal. Click Here

VI. SM Slider

  • Position: SM slider
  • Frontend

To config this position, please navigate to CMS >> Pages >> Home page, navigate to Design tab and paste code as following:

  • Backend of SM Slider: Click Here
  • To view more guide about how to install, set up and configure SM Slider as you want, please click here

VII. SM Basic Products

  • Position: SM Basic Products
  • Frontend

  • Backend of SM Basic Products. Click Here

4.5 Configure blocks

The SM Genera front-page has static blocks in the Theme:

  • news-letter
  • helmets-full-face
  • banner-right-home
  • banner-helmets
  • shop-policy
  • send-feedback
  • what-people-say
  • custom-service
  • useful-link
  • contact-us-footer
  • payment-footer

To create static blocks, go to CMS >> Static Blocks >> Add new block

Genera Newsletter

Frontend

Link showBackend of Genera Newsletter.

  • Code Code of Genera Newsletter:

Genera Helmets full face

Frontend

Link show Backend of Genera Helmets full face.

  • Code Code of Genera Helmets full face:

Gen banner right home

Frontend

Link show Backend of Gen banner right home.

  • Code Code of Gen banner right home:

Genera banner helmets

Frontend

Link show Backend of Genera banner helmets.

  • Code Code of Genera banner helmets:

Genera Shop Policy

Frontend

Link show Backend of Genera Shop Policy

  • Code Code of Genera Shop Policy:

Genera send your feedback

Frontend

Link show Backend Genera send your feedback

  • Code Code of Genera send your feedback:

Genera what people say

Frontend

Link show Backend of Genera what people say

  • Code Code of Genera what people say:

Genera Customer Service

Frontend

Link show Backend of Genera Customer Service

  • Code Code of Genera Customer Service:

Gen Footer Contact us

Frontend

Link show Backend of Gen Footer Contact us

  • Code Code of Gen Footer Contact us:

Gen Footer Payment

Frontend

Link show Backend of Gen Footer Payment

  • Code Code of Gen Footer Payment:
 

5SUPPORT – Back to top

Thank you so much for purchasing this theme. If you have any questions that are beyond the scope of this help file, please send us via: Support Tickets System

Thanks so much!

×