SM G2shop

This guide will help you install SM G2shop 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 and 1.9.x (the latest version : 1.9.2.2 , require: php 5.4 and Memory_limit no less than 256Mb)
  • Note:This package is upgraded to Magento Version 1.9.2.2

2LAYOUT POSITION – Back to top

3INSTALLATION – Back to top

There are two ways to install a Magento Theme:

  • Quickstart Installation: By using this package, you will set the theme exactly as our Demo with sample data.
  • Manual Installation (include of Theme Installation Package): You will need only be using the zipped files “sm_g2shop_theme_m1.7.x-1.9.x_v1.0.3.zip”.

3.1 Quickstart Installation :

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. Please follow each step of the Installer so that the installation process can be set.

  • Step 5: Locale Settings. Please fill fully into Required Fields (“Locale; Time Zone and Default Currency”.)

  • Step 6: In the Configuration step, input the required fields as below.
    • Do not use “localhost” in URL, otherwise you could not log in to your Admin area (you should use your local IP in case of installing on your computer).
    • Leave Tables prefix field blank.

  • Step 7: Create Admin Account. Please fill fully into Required Fields (“First Name; Last Name; Email; Username; password and confirm password”.)

  • Step 8: Finish Installation and now you can Go to Frontend or Go to Backend.

3.2 Manual Installation

Theme Installation

    • Step 1: Copy the folders skin and app to the root of your Magento site on the server. The overwritten folders should have a directory layout like this:

      {docroot} /magento/

      app/
      index.php
      js/
      lib/
      LICENSE.txt
      media/
      pear/
      skin/
      var/
    • Step 2: Log in to your Admin Panel on the stage localhost (e.g. Access Magento Admin area: http://localhost/index.php/admin/). Log out and log in back.
    • Step 3: Navigate to System >> Cache Management, Sellect All the cache types, take Action as Refresh and Submit.

    • Step 4: Navigate to System >> Configuration >> Design.
    • Step 5: In Themes tab, input Default field with the actual theme name.

    • Step 6: You can also change the settings for Header .

  • Step 7: Click Save Config button to finish.

4CONFIGURATION – Back to top

4.1 Configure pages

Home Page with 1 column

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

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

Home Page with 2 columns with left bar

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

  • Layout: 2 columns with left bar
  • Link show home page’s backend. Please click Here to view.
  • Layout update XML: paste the code below:

4.2 Configure Mega Menu

To configure General settings, module parameters, Advance, 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.

Content code of Home menu:

ELECTRONICS MENU

Frontend

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

http://images.smartaddons.com/smartaddons/images/userguide/magento/sm-flipshop/tree-electronics.png

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

Content Code of “Top Links”:

Content Code of “Static Image”:

Note: Column 2, 3 & 4 configure the same with Column 1

MEN MENU

Frontend

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

http://images.smartaddons.com/smartaddons/images/userguide/magento/sm-flipshop/tree-men.png

      • Link show Men Menu’s backend. Please click Here to view.
        • Dropdown Wrapper: configure the same above
        • Top Links: configure the same above

Content Code of “Top Links”: configure the same above

      • Column 1: configure the same above

Content Code of “Image Vest”:

4.3 Configure Extensions

I. SM Search Box Pro

  • Position: SM Search Box Pro
  • Frontend

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

II. 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

III. SM Camera Slider

  • Position: SM Camera Slider
  • Frontend

  • Backend of SM Camera Slider: Click Here
  • To view more guide about how to install, set up and configure SM Camera Slider as you want, please click here
  • To config this position, please navigate to CMS >> Pages >> Home page, navigate to Design tab and paste code as below:

IV. SM DEAL

  • Position: SM Deal
  • Frontend

  • Backend of SM Deal: Click Here
  • To view more guide about how to configure SM Deal as you want, please click here
  • To config this position, please navigate to CMS >> Pages >> Home page, navigate to Design tab and paste code as below:
V. SM Supercategories

  • Position: SM Supercategories
  • Frontend

  • Backend of SM Supercategories: Click Here
  • To configure the quickview image as demo, please go to System >> Configuration >> find SM Quickview module (in the left hands) to configure. Click Here to view details.
  • To config this position, please navigate to CMS >> Pages >> Home page, navigate to Design tab and paste code as below:
VI. SM Supercategories

  • Position: SM Supercategories
  • Frontend

  • To configure the quickview image as demo, please go to System >> Configuration >> find SM Quickview module (in the left hands) to configure. Click Here to view details.
  • To config this position, please navigate to CMS >> Pages >> Home page, navigate to Design tab and paste code as below:
VII. SM Image Slider

  • Position: SM Image Slider
  • Frontend

  • Backend of SM Image Slider: Click Here

VIII. SM Basic Products

  • Position: SM Basic Products
  • Frontend

  • Backend of SM Basic Products: Click Here
  • To config this position, please navigate to CMS >> Pages >> Home page, navigate to Design tab and paste code as below:

4.4 Configure blocks

How To Create Static Blocks

  • Step 1: Login to your Admin Panel on the stage localhost:.
  • Step 2: Navigate to CMS >> Static Blocks.

  • Step 3: From the Static Blocks page, click the [+Add New Block] button to create a new Static Block. The New Block configuration page will open.
  • Step 4: From this page, define and configure the following fields::
      • Block Title: Define a relevant title for this block of content.
      • Identifier – Define a unique identifier. A recommended guideline is if your title is “My Special Title,” your identifier should be “my_special_title.” The identifier is used to manipulate data blocks using XML code. It is not visible on your storefront.
      • Store View – Select the store view(s) this content block will be visible or All Store Views to include all.

NOTE: Store View field will be visible only if you have set multiple store views.

TIP: To select multiple store views, use Ctrl + Click when selecting from the list.

    • Status – Select Enabled to make this static block visible on front-end.
    • Content – Fill in with the content for this static block. You can use the WYSIWYG Editor (visible at the top of the textbox) to format text, create links and tables, or add images and media. To learn more about how to use the WYSIWYG Editor, see “Tips on using the WYSIWYG editor.”

Once you have filled in content and configured the static block, click the [Save Block] button to save your changes.

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

  • G2shop – My Account Links
  • G2shop – Go Quickly To
  • G2shop – Service Top
  • G2shop – Static Image Center
  • G2shop – Happy Clients
  • G2shop – Store Info Home
  • G2shop – Service Bottom
  • G2shop – Most Popular Footer
  • G2shop – About Help Footer
  • G2shop – Footer Payment

 

G2shop – My Account Links

Frontend

Link show Backend of G2shop – My Account Links.

  • Content Code of G2shop – My Account Links:

G2shop – Go Quickly To

Frontend

Link show Backend of G2shop – Go Quickly To.

  • Content Code of G2shop – Go Quickly To:

G2shop – Service Top

Frontend

Link show Backend of G2shop – Service Top.

  • Content Code of G2shop – Service Top:

G2shop – Static Image Center

Frontend

Link show Backend of G2shop – Static Image Center.

  • Content Code of G2shop – Static Image Center:

G2shop – Happy Clients

Frontend

Link show Backend of G2shop – Happy Clients

  • Content Code of G2shop – Happy Clients

G2shop – Store Info Home

Link show Backend of G2shop – Store Info Home

  • Content Code of G2shop – Store Info Home

G2shop – Service Bottom

Frontend

Link show Backend of G2shop – Service Bottom

  • Content Code of G2shop – Service Bottom:

G2shop – Most Popular Footer

Frontend

Link show Backend of G2shop – Most Popular Footer

  • Content Code of G2shop – Most Popular Footer:

G2shop – About Help Footer

Frontend

Link show Backend of G2shop – About Help Footer.

  • Content Code of G2shop – About Help Footer :

G2shop – Footer Payment

Frontend

Link show Backend of G2shop – Footer Payment.

  • Content Code of G2shop – Footer Payment :

4.5 How To Enable/Disable Social setting & Custom Copyright in admin

Frontend: Socials

Frontend: Copyright

Backend

In the Administrator page, Please navigate to System >> Configuration >> find SM G2shop to configure the “Social setting” & “Custom Copyright” parameter as image below:

Social Settings
Facebook

  • Show Facebook – Allow to Enable/Disable Facebook
  • Facebook Name – Allow to input the name of Facebook
  • Facebook Url – Allow to input the Url of Facebook

Twitter

  • Show Twitter – Allow to Enable/Disable Twitter
  • Twitter Name – Allow to input the name of Twitter
  • Twitter Url – Allow to input the Url of Twitter

Google+

  • Show Google+ – Allow to Enable/Disable Google+
  • Google+ Name – Allow to input the name of Google+
  • Google+ Url – Allow to input the Url of Google+

Linkedin

  • Show Linkedin – Allow to Enable/Disable Linkedin
  • Linkedin Name – Allow to input the name of Linkedin
  • Linkedin Url – Allow to input the Url of Linkedin

Flickr

  • Show Flickr – Allow to Enable/Disable Flickr

Pinterest

  • Show Pinterest – Allow to Enable/Disable Pinterest
  • Pinterest Name – Allow to input the name of Pinterest
  • Pinterest Url – Allow to input the Url of Pinterest

Advanced Settings

  • Show Cpanel – Allow to Enable/Disable Cpanel
  • Show Go to Top – Allow to Enable/Disable Go to Top
  • Use Add to Cart – Allow to Enable/Disable Cart
  • Use Add to Wishlist – Allow to Enable/Disable Wishlist
  • Use Add to Compare – Allow to Enable/Disable Compare
  • Enable Custom Copyright – Allow to Enable/Disable Custom Copyright
  • Copyright – If you select “Yes”, please custom copyright here, or else “No” will display the default copyright of Magento.
  • Custom Css – Allow to custom css
  • Custom Javascript – Allow to custom Javascript

4.6 How To Edit Content of Subscription

Frontend

Note: To edit content of “Subscribe“, please go to your installation directory url : app\design\frontend\default\sm_G2shop\template\newsletter and edit footer-subscribe.phtml file.

4.7 How To Edit Logo & Welcome Text

Frontend Appearance:

Backend Settings:

In your Administrator Panel, please go to System >> Configuration >> Click  “Design” (in the left hands column) >> find Header tab >> edit “Logo Image Src” field and “Welcome Text” fields as you want.

Note 1: To edit Logo image of “G2SHOP“, please go to your installation directory: \skin\frontend\default\sm_g2shop\images to edit logo image as you want.
Note 2: Please edit Text in “Welcome Text” field as you want.

4.8 How To Edit Login, Register, Checkout, MyWishlist

Frontend Appearance:

Note: Please go to your installation directory url : “\app\design\frontend\default\sm_g2shop\template\page\html” and click  ”header.phtml”  file to edit.

4.9 How To Set Default Language and Currency in Magento

Please go Here to readmore How To Set Default Language and Currency in Magento.

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!

×