SM Gameshop - Responsive Magento Theme


When you download theme from our store and unzip, you will be got full of main files for theme installation. They're:

INSTALLATION GUIDE

There are two ways to install a MagenTech theme:

How to install theme

How to install extensions

Magento Community Edition 1.7.x and 1.8.x

Download: http://www.magentocommerce.com/download

Magentech provides SM Quickstart package for each template 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 (we used images of SM Glasses theme installation to illustrate for general installations - Magento Quickstart Installation - Magento Theme Installation - Magento Extension Installation):

Before you start the installation process of this theme, we recommend to back up your current live Magento files and database. If your store has not been available yet, get it quickly following Magento Installation Guide

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

Before you begin the SM Gameshop installation process, we recommend to back up your current live Magento files and database. If your store has not been available yet, get it quickly following Magento Installation Guide

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

Important Note:

Configure homepage

1. Select the homepage from CMS Pages

2. Select Homepage >> Design on the left-hand menu.

3. In the Layout Update XML box, add the code as you want, this is our demo homepage:

<reference name="slideshow">        
	    <block type="slideshow/list" name="slideshow.list">
                       <action method="setConfig">
 				<values>
					<theme>theme1</theme>
                                        <product_limitation>3</product_limitation>
                                        <product_description_max_characters>100</product_description_max_characters>
				</values>
			</action>
            </block>
</reference>
<reference name="right-slideshow">
                    <block type="basicproducts/home" name="right-pro" template="sm/basicproducts/home.phtml"> 
			<action method="setConfig">
 				<values>
					<title>Best Sales</title>
                                        <product_source>catalog</product_source>
                                        <product_category>87</product_category>
					<product_order_by>price</product_order_by>
                                        <num_columns>2</num_columns>
                                        <product_limitation>4</product_limitation>
					<product_image_width>170</product_image_width>
					<product_image_height>113</product_image_height>
				</values>
			</action>
                  </block>
</reference>

<reference name="news">        
			<block type="cms/block" name="block-news">
				<action method="setBlockId"><block_id>block-news</block_id></action>
			</block>
</reference>

<reference name="banner">        
			<block type="cms/block" name="block-banner">
				<action method="setBlockId"><block_id>block-banner</block_id></action>
			</block>
</reference>

<reference name="slider">        
	   <block type="slider/list" name="slider.list" template="sm/slider/default.phtml">      
			<action method="setConfig">
 				<values>
					<block_title></block_title>
					<slider_title_text>Latest Products</slider_title_text>
                                        <product_image_width>270</product_image_width>
                                        <product_image_height>180</product_image_height>
                                        <product_limitation>10</product_limitation>
                                        <duration>300</duration>
                                        <deviceclass_sfx>preset01-4 preset02-4 preset03-2 preset04-1 preset05-1</deviceclass_sfx>
				</values>
			</action>      
           </block>
</reference>

<reference name="brands">
			<block type="cms/block" name="block-brands">
				<action method="setBlockId"><block_id>block-brands</block_id></action>
			</block>
</reference>

<reference name="product-left">
                    <block type="basicproducts/home" name="abc" template="sm/basicproducts/home2.phtml"> 
			<action method="setConfig">
 				<values>
					<title> Featured Offers and Deals </title>
                                        <product_source>catalog</product_source>
                                        <product_category>74</product_category>
					<product_order_by>price</product_order_by>
                                        <num_columns>2</num_columns>
                                        <product_limitation>1</product_limitation>
					<product_image_width>360</product_image_width>
					<product_image_height>240</product_image_height>
				</values>
			</action>
                  </block>
</reference>

<reference name="extraslider">        
	   <block type="extraslider/list" name="extraslider.list" template="sm/extraslider/extraslider.phtml">      
			<action method="setConfig">
 				<values>
                                              <title_slider_display>0</title_slider_display>
                                              <item_title_max_characs>15</item_title_max_characs>
                                              <product_category>80</product_category>
                                              <product_limitation>16</product_limitation>
				              <num_rows>2</num_rows>
				               <num_cols>4</num_cols>
                                               <item_image_width>170</item_image_width>
				               <item_image_height>113</item_image_height>
				</values>
			</action>      
           </block>
</reference>
4. Click the Save Page button.

Configure theme using admin back end

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

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

2. Select SM Gameshop Theme on the left-hand menu

3. Tweak the theme as you want

Theme Config

Configure theme using Cpanel front end

This is fontend, identical to what has in backend:

Front end Cpanel

Color Sample

4 presets to be chosen

1 Body

Background, Link and Text color, Background image

2 Footer

Background image and color

3 Menu Style

3 options to be chosen: Mega, CSS or Split

4 Typography

Google Font, various font-size and font-family

 

1. Position

To replace default main menu

2. Configuration

To config General settings, module parameters, Advance, login your administrator, go to SM Mega Menu >> Configuration

configuration

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

3. Mega Menu Items

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

You must create add new Menu Group.

The settings below belong to SM Gameshop group. Other group has similar settings menu item

3.1 XBOX360 Menu

Front-end appreance 

Backend Settings: Click here

Category/87: (To config: Go to Catalog >> Manager Categories > Xbox360 > Display Settings > Display Mode = "Products Only")

Xbox360 Menu Items Tree:

Xbox360-1: Backend

Xbox360-2: Backend

Onx Game Playtion: Backend

Menu type: CMS Block

CMS Block: Menu Product 1 ( To config: Go to CMS >> Statistic Block ): Click here

Code of content used in Menu Product 1:

<div class="menu-product-wrap">
<div class="menu-product-image"><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3tza2luIHVybD0iaW1hZ2VzL21lbnUtcHJvZHVjdC8xLnBuZyJ9fQ,,/key/b066397ae48d69bad365dd0499abbf97/" alt="image" /></div>
<div class="menu-product-content">
<div class="menu-product-title"><a href="#">Onx Gaames playtion</a></div>
<div class="menu-product-description">Lorem ipsum dolor sit amet, conse end ctetuerandon adipiscing elit sed diam nonummy nibh euismod tincidunt ut one laoreet dolore magna aliquam erat lang gontel fucing beon</div>
</div>
</div>

Clicshee Gaames hot 2013: Backend

Menu type: CMS Block

CMS Block: Menu Product 2 ( To config: Go to CMS >> Statistic Block ): Click here

Code of content used in Menu Product 2:

<div class="menu-product-wrap">
<div class="menu-product-image"><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3tza2luIHVybD0iaW1hZ2VzL21lbnUtcHJvZHVjdC8yLnBuZyJ9fQ,,/key/b066397ae48d69bad365dd0499abbf97/" alt="image" /></div>
<div class="menu-product-content">
<div class="menu-product-title"><a href="#">Onx Gaames playtion</a></div>
<div class="menu-product-description">Lorem ipsum dolor sit amet, conse end ctetuerandon adipiscing elit sed diam nonummy nibh euismod tincidunt ut one laoreet dolore magna aliquam erat lang gontel fucing beon</div>
</div>
</div>

3.2 PS3 Menu

Front-end appreance 

Backend Settings: Click here

Category/74: (To config: Go to Catalog >> Manager Categories > Ps3 > Display Settings > Display Mode = "Products Only")

Ps3 Menu Items Tree:

Ps3-1: Backend

Ps3-2: Backend

Ps3-3: Backend

Menu type: CMS Block

CMS Block: Menu Product 3 ( To config: Go to CMS >> Statistic Block ): Click here

Code of content used in Menu Product 3:

<div class="menu-product-wrap">
<div class="menu-product-image"><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3tza2luIHVybD0iaW1hZ2VzL21lbnUtcHJvZHVjdC8zLnBuZyJ9fQ,,/key/b066397ae48d69bad365dd0499abbf97/" alt="image" /></div>
<div class="menu-product-content">
<div class="menu-product-title"><a href="#">Games playtion</a></div>
<div class="menu-product-description">Lorem ipsum dolor sit amet, conse end ctetuerandon adipiscing elit sed diam nonummy nibh euismod tincidunt ut one laoreet dolore magna aliquam erat lang gontel fucing beon</div>
</div>
</div>

Ps3-4: Backend

Menu type: CMS Block

CMS Block: Menu Product 4 ( To config: Go to CMS >> Statistic Block ): Click here

Code of content used in Menu Product 4:

<div class="menu-product-wrap">
<div class="menu-product-image"><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3tza2luIHVybD0iaW1hZ2VzL21lbnUtcHJvZHVjdC80LnBuZyJ9fQ,,/key/d96fc365c6a696aa2275b42cb1a41883/" alt="image" /></div>
<div class="menu-product-content">
<div class="menu-product-title"><a href="#">Sollicitudin venenatis ibulum</a></div>
<div class="menu-product-description">Lorem ipsum dolor sit amet, conse end ctetuerandon adipiscing elit sed diam nonummy nibh euismod tincidunt ut one laoreet dolore magna aliquam erat lang gontel fucing beon</div>
</div>
</div>

3.3 WIIU Menu

Front-end appreance 

 

Backend Settings: Click here

Category/80: (To config: Go to Catalog >> Manager Categories > WIIU > Display Settings > Display Mode = "Products Only")

WIIU Menu Items Tree:

Hot wii u: Backend

Wii U Game: Backend

Wii-3: Backend

Menu type: CMS Block

CMS Block: Menu Product 2 ( To config: Go to CMS >> Statistic Block ): Click here

Code of content used in Menu Product 2:

<div class="menu-product-wrap">
<div class="menu-product-image"><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3tza2luIHVybD0iaW1hZ2VzL21lbnUtcHJvZHVjdC8yLnBuZyJ9fQ,,/key/b066397ae48d69bad365dd0499abbf97/" alt="image" /></div>
<div class="menu-product-content">
<div class="menu-product-title"><a href="#">Onx Gaames playtion</a></div>
<div class="menu-product-description">Lorem ipsum dolor sit amet, conse end ctetuerandon adipiscing elit sed diam nonummy nibh euismod tincidunt ut one laoreet dolore magna aliquam erat lang gontel fucing beon</div>
</div>
</div>

Wii-4: Backend

Menu type: CMS Block

CMS Block: Menu Product 3 ( To config: Go to CMS >> Statistic Block ): Click here

Code of content used in Sub cat:

<div class="menu-product-wrap">
<div class="menu-product-image"><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3tza2luIHVybD0iaW1hZ2VzL21lbnUtcHJvZHVjdC8zLnBuZyJ9fQ,,/key/b066397ae48d69bad365dd0499abbf97/" alt="image" /></div>
<div class="menu-product-content">
<div class="menu-product-title"><a href="#">Games playtion</a></div>
<div class="menu-product-description">Lorem ipsum dolor sit amet, conse end ctetuerandon adipiscing elit sed diam nonummy nibh euismod tincidunt ut one laoreet dolore magna aliquam erat lang gontel fucing beon</div>
</div>
</div>

3.4 WII Menu

Front-end appreance 

Backend Settings: Click here

WII Menu Items Tree:

Wii 1: Backend

Wii 2: Backend

Wii 3: Backend

Menu type: CMS Block

CMS Block: Menu Product 2 ( To config: Go to CMS >> Statistic Block ): Click here

Code of content used in Menu Product 2:

<div class="menu-product-wrap">
<div class="menu-product-image"><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3tza2luIHVybD0iaW1hZ2VzL21lbnUtcHJvZHVjdC8yLnBuZyJ9fQ,,/key/b066397ae48d69bad365dd0499abbf97/" alt="image" /></div>
<div class="menu-product-content">
<div class="menu-product-title"><a href="#">Onx Gaames playtion</a></div>
<div class="menu-product-description">Lorem ipsum dolor sit amet, conse end ctetuerandon adipiscing elit sed diam nonummy nibh euismod tincidunt ut one laoreet dolore magna aliquam erat lang gontel fucing beon</div>
</div>
</div>

Menu type: CMS Block

CMS Block: Menu Product 3 ( To config: Go to CMS >> Statistic Block ): Click here

Code of content used in Menu Product 3:

<div class="menu-product-wrap">
<div class="menu-product-image"><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3tza2luIHVybD0iaW1hZ2VzL21lbnUtcHJvZHVjdC8zLnBuZyJ9fQ,,/key/b066397ae48d69bad365dd0499abbf97/" alt="image" /></div>
<div class="menu-product-content">
<div class="menu-product-title"><a href="#">Games playtion</a></div>
<div class="menu-product-description">Lorem ipsum dolor sit amet, conse end ctetuerandon adipiscing elit sed diam nonummy nibh euismod tincidunt ut one laoreet dolore magna aliquam erat lang gontel fucing beon</div>
</div>
</div>

3.5 3DS, PSVITA, TABLETS, PC and MOVIES Menu

Front-end appreance 

Backend Setting:

SM Gameshop - Positions

1. SM Cart Pro

1.1 Position

mini-cartpro

1.2 Front-end appreance

1.3 Configuration

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

2. SM Slideshow

2.1 Position:

slideshow

2.2 Front-end appreance

2.3 Configuration

Backend of SM Slideshow: Click here

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

To get this extension to show onto the front page at the up top position, go to CMS > Pages >> Homepage >> In Design tab, please fill in Layout Update XML parameter -between tag as below :

<reference name="slideshow">        
	    <block type="slideshow/list" name="slideshow.list">
                       <action method="setConfig">
 				<values>
					<theme>theme1</theme>
                                        <product_limitation>3</product_limitation>
                                        <product_description_max_characters>100</product_description_max_characters>
				</values>
			</action>
            </block>
</reference>

 

3. SM Basic Product

3.1 Position:

content-bottom

3.2 Front-end appreance

3.3 Configuration

Backend of SM Basic Product: Click here

To get this extension to show onto the front page at the up top position, go to CMS > Pages >> Homepage >> In Design tab, please fill in Layout Update XML parameter -between tag as below :

    <reference name="right-slideshow">
                    <block type="basicproducts/home" name="right-pro" template="sm/basicproducts/home.phtml"> 
			<action method="setConfig">
 				<values>
					<title>Best Sales</title>
                                        <product_source>catalog</product_source>
                                        <product_category>87</product_category>
					<product_order_by>price</product_order_by>
                                        <num_columns>2</num_columns>
                                        <product_limitation>4</product_limitation>
					<product_image_width>170</product_image_width>
					<product_image_height>113</product_image_height>
				</values>
			</action>
                  </block>
</reference>

4. SM Slider

4.1 Position:

slider

4.2 Front-end appreance

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

4.3 Configuration

To get this extension to show onto the front page at the up top position, go to CMS > Pages >> Homepage >> In Design tab, please fill in Layout Update XML parameter -between tag as below :

 <reference name="slider">        
	   <block type="slider/list" name="slider.list" template="sm/slider/default.phtml">      
			<action method="setConfig">
 				<values>
					<block_title></block_title>
					<slider_title_text>Latest Products</slider_title_text>
                                        <product_image_width>270</product_image_width>
                                        <product_image_height>180</product_image_height>
                                        <product_limitation>10</product_limitation>
                                        <duration>300</duration>
                                        <deviceclass_sfx>preset01-4 preset02-4 preset03-2 preset04-1 preset05-1</deviceclass_sfx>
				</values>
			</action>      
           </block>
</reference>

 

5.SM Basic Product

5.1 Position

basic product

3.2 Front-end appreance

3.3 Configuration

Backend of SM Basic Product: Click here

To get this extension to show onto the front page at the up top position, go to CMS > Pages >> Homepage >> In Design tab, please fill in Layout Update XML parameter -between tag as below :

 <reference name="product-left">
                    <block type="basicproducts/home" name="abc" template="sm/basicproducts/home2.phtml"> 
			<action method="setConfig">
 				<values>
					<title> Featured Offers and Deals </title>
                                        <product_source>catalog</product_source>
                                        <product_category>74</product_category>
					<product_order_by>price</product_order_by>
                                        <num_columns>2</num_columns>
                                        <product_limitation>1</product_limitation>
					<product_image_width>360</product_image_width>
					<product_image_height>240</product_image_height>
				</values>
			</action>
                  </block>
</reference>

6.SM Extra Slider

6.1 Position

extra slider

6.2 Front-end appreance

6.3 Configuration

Backend of SM Extra Slider: Click here

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

To get this extension to show onto the front page at the up top position, go to CMS > Pages >> Homepage >> In Design tab, please fill in Layout Update XML parameter - between tag as below :

<reference name="extraslider">        
	   <block type="extraslider/list" name="extraslider.list" template="sm/extraslider/extraslider.phtml">      
			<action method="setConfig">
 				<values>
                                              <title_slider_display>0</title_slider_display>
                                              <item_title_max_characs>15</item_title_max_characs>
                                              <product_category>80</product_category>
                                              <product_limitation>16</product_limitation>
				              <num_rows>2</num_rows>
				               <num_cols>4</num_cols>
                                               <item_image_width>170</item_image_width>
				               <item_image_height>113</item_image_height>
				</values>
			</action>      
           </block>
</reference>

 

The SM Gameshop front-page has static blocks in the Theme:
  • block-news
  • block-banner-left
  • block-brands
  • block-yt-footer-content1
  • block-yt-footer-content2
  • block-yt-footer-content3
  • block-info-footer
  • block-services
  • block-contact-us
  • block-user5
  • block-payment
  • block-community

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

1. block-news

1.1. Identifier

block-news

1.2. Front-end Appearance

 
 

1.3. Backend settings: Click here

1.4. Code to display as demo

<div class="clearfix">
<div class="block-title">Latest News</div>
<div class="row-fluid"> 
<div class="news-item border span6 no-margin">
<div class="news-image"><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3tza2luIHVybD0iaW1hZ2VzL25ld3MtY29udGVudC8xLnBuZyJ9fQ,,/key/cc74fa9f0fed75247fff7988a56e9947/" alt="image" /></div>
<div class="news-title"><a href="#">Donec sollicitudin venenatis ibulum fermentum risus a</a></div>
<div class="news-readmore"><a href="#">Read more </a><span class="icon-double-angle-right"><a href="#"> </a></span></div>
</div>
<div class="news-item border span6">
<div class="news-image"><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3tza2luIHVybD0iaW1hZ2VzL25ld3MtY29udGVudC8yLnBuZyJ9fQ,,/key/cc74fa9f0fed75247fff7988a56e9947/" alt="image" /></div>
<div class="news-title"><a href="#">Sollicitudin venenatis ibulum</a></div>
<div class="news-readmore"><a href="#">Read more </a><span class="icon-double-angle-right"><a href="#"> </a></span></div>
</div>
</div>
<div class="row-fluid"> 
<div class="news-item span6 no-margin">
<div class="news-image"><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3tza2luIHVybD0iaW1hZ2VzL25ld3MtY29udGVudC8zLnBuZyJ9fQ,,/key/cc74fa9f0fed75247fff7988a56e9947/" alt="image" /></div>
<div class="news-title"><a href="#">Aenean tempor nibh non lorem vulputate</a></div>
<div class="news-readmore"><a href="#">Read more </a><span class="icon-double-angle-right"><a href="#"> </a></span></div>
</div>
<div class="news-item span6">
<div class="news-image"><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3tza2luIHVybD0iaW1hZ2VzL25ld3MtY29udGVudC80LnBuZyJ9fQ,,/key/cc74fa9f0fed75247fff7988a56e9947/" alt="image" /></div>
<div class="news-title"><a href="#">Sometimes things in life are too</a></div>
<div class="news-readmore"><a href="#">Read more </a><span class="icon-double-angle-right"><a href="#"> </a></span></div>
</div>
</div>
</div>

2. banner-left

2.1. Identifier

block-banner-left

2.2. Front-end Appearance

 
 

2.3. Backend settings: Click here

2.4. Code to display as demo

<div class="banner-left"><a href="#"> <img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3tza2luIHVybD0iaW1hZ2VzL2Jhbm5lci9iYW5lci1sZWZ0LnBuZyJ9fQ,,/key/cc74fa9f0fed75247fff7988a56e9947/" alt="image" /><span class="bg-hover-image"> </span></a></div>
3. block-brands
 
3.1. Identifier
 
block-brands
 
3.2. Front-end Appearance
 
 
3.3. Backend settings: Click here
 
3.4. Code to display as demo
<div class="brands-content row-fluid">
<p><a class="brands-stablet span6" href="#1"><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3tza2luIHVybD0iaW1hZ2VzL2JyYW5kcy9sb2dvZ2FtZTEucG5nIn19/key/cc74fa9f0fed75247fff7988a56e9947/" alt="image" /><span class="bg-hover-image"> </span></a><a class="brands-tablet span6" href="#2"> <img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3tza2luIHVybD0iaW1hZ2VzL2JyYW5kcy9sb2dvZ2FtZTIucG5nIn19/key/cc74fa9f0fed75247fff7988a56e9947/" alt="image" /><span class="bg-hover-image"> </span></a></p>
</div>
4. block-yt-footer-content1
 
4.1. Identifier
 
block-yt-footer-content1
 
4.2. Front-end Appearance
 
 
4.3. Backend settings: Click here
 
4.4. Code to display as demo
<div class="footer-content-wrap">
<div class="icon-truck"> </div>
<div class="block-footer-content">
<div class="footer-content-title">Sample text</div>
<div class="footer-content-info">Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam</div>
<div class="footer-content-readmore"><a href="#"><span class="icon-caret-right"> </span> Read more</a></div>
</div>
</div>
5. block-yt-footer-content2
 
5.1.  Identifier
 
block-yt-footer-content2
 
5.2. Front-end Appearance
 
 
5.3. Backend settings: Click here
 
5.4. Code to display as demo
<div class="footer-content-wrap">
<div class="icon-gift"> </div>
<div class="block-footer-content">
<div class="footer-content-title">Sample text</div>
<div class="footer-content-info">Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam</div>
<div class="footer-content-readmore"><a href="#"><span class="icon-caret-right"> </span> Read more</a></div>
</div>
</div>
6. block-yt-footer-content3
 
6.1. Identifier
 
block-yt-footer-content3
 
6.2. Front-end Appearance
 
 
6.3. Backend settings: Click here
 
6.4. Code to display as demo
<div class="footer-content-wrap">
<div class="icon-copy"> </div>
<div class="block-footer-content">
<div class="footer-content-title">Sample text</div>
<div class="footer-content-info">Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam</div>
<div class="footer-content-readmore"><a href="#"><span class="icon-caret-right"> </span> Read more</a></div>
</div>
</div>
7. block-info-footer
 
7.1. Identifier
 
block-info-footer
 
7.2. Front-end Appearance
 
 
7.3. Backend settings: Click here
 
7.4. Code to display as demo
<div class="block-footer-content">
<div class="block-title-footer">About Us</div>
<div class="block-content-info">
<ul>
<li class="nav-item"><span class="icon-caret-right"> </span> <a href="# ">Subscribe</a></li>
<li class="nav-item"><span class="icon-caret-right"> </span> <a href="#">Unsubscribe</a></li>
<li class="nav-item"><span class="icon-caret-right"> </span> <a href="#">Help</a></li>
<li class="nav-item"><span class="icon-caret-right"> </span> <a href="#">How to Uninstall</a></li>
<li class="nav-item"><span class="icon-caret-right"> </span> <a href="#">About Company </a></li>
<li class="nav-item last block-content-info-last"><span class="icon-caret-right"> </span> <a href="/index.php/admin/cms_wysiwyg/directive/___directive/e3tjb25maWcgcGF0aD0id2ViL3Vuc2VjdXJlL2Jhc2VfdXJsIn19/key/cc74fa9f0fed75247fff7988a56e9947/contacts">Contact Us</a></li>
</ul>
</div>
</div>
8. block-services
 
8.1.  Identifier
 
block-services
 
8.2. Front-end Appearance
 
 
8.3. Backend settings: Click here
 
8.4. Code to display as demo
<div class="block-footer-content">
<div class="block-title-footer">Services</div>
<div class="block-content-info">
<p>Curo concerns hare thery important to suggestions</p>
<p>Phease incocal the following basic information</p>
<p class="block-content-info-last">Bonsage and be wal get back to you as soon as possible.</p>
</div>
</div>
9. block-contact-us
 
9.1. Identifier
 
block-contact-us
 
9.2. Front-end Appearance
 
 
9.3. Backend settings: Click here
 
9.4. Code to display as demo
<div class="block-footer-content">
<div class="block-title-footer">Contact us</div>
<div class="block-content-info">
<ul>
<li><span class="label">Add:</span> Lafayette has a great customer service</li>
<li><span class="label">Tel:</span> 02 8000 11 800</li>
<li><span class="label">Email:</span><span class="email"><a href="#"> hr@gameshop.com</a></span></li>
<li class="contact-end">Hotline: <span class="number-phone"> 647-507-1376</span></li>
</ul>
</div>
</div>
10. block-user5
 
10.1. Identifier
 
block-user5
 
10.2. Front-end Appearance
 
 
10.3. Backend settings: Click here
 
10.4. Code to display as demo
<div class="block-footer-content">
<div class="block-title-footer">Newsletter</div>
<div class="block-content-info"><form id="newsletter-validate-detail" action="newsletter/subscriber/new/" method="post"><span class="label-text">Subscribe to our newsletter massa In Curabitur id risus sit quis justo sed ovantil kenty</span>
<div class="input-box"><input id="newsletter" class="input-text required-entry validate-email" title="Sign up for our newsletter" onfocus="if(this.value=='Enter your email...') this.value='';" onblur="if(this.value=='') this.value='Enter your email...';" type="text" name="email" value="Enter your email..." />
<div class="actions"><button class="button" title="Subscribe" type="submit"><span class="icon-caret-right"> </span><span> Send</span></button></div>
</div>
</form></div>
</div>
11. block-payment
 
11.1. Identifier
 
block-payment
 
11.2. Front-end Appearance
 
 
11.3. Backend settings: Click here
 
11.4. Code to display as demo
<p><a href="#"><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3tza2luIHVybD0iaW1hZ2VzL3BheW1lbnQvcGF5cGFsLnBuZyJ9fQ,,/key/cc74fa9f0fed75247fff7988a56e9947/" alt="image" /> </a> <a href="#"><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3tza2luIHVybD0iaW1hZ2VzL3BheW1lbnQvbWFydGVyY2FyZC5wbmcifX0,/key/cc74fa9f0fed75247fff7988a56e9947/" alt="image" /> </a> <a href="#"><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3tza2luIHVybD0iaW1hZ2VzL3BheW1lbnQvdmlzYS5wbmcifX0,/key/cc74fa9f0fed75247fff7988a56e9947/" alt="image" /> </a></p>
12. block-community
 
12.1.  Identifier
 
block-community
 
12.2. Front-end Appearance
 
 
12.3. Backend settings: Click here
 
12.4. Code to display as demo
<ul>
<li><a class="icon-facebook" href="http://www.facebook.com/MagenTech"> </a></li>
<li><a class="icon-twitter" href="https://twitter.com/magentech"> </a></li>
<li><a class="icon-google-plus" href="#"> </a></li>
<li><a class="icon-pinterest " href="#"> </a></li>
<li><a class="icon-linkedin" href="#"> </a></li>
</ul>

 Home Page

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

PHP Code:

<reference name="slideshow">        
	    <block type="slideshow/list" name="slideshow.list">
                       <action method="setConfig">
 				<values>
					<theme>theme1</theme>
                                        <product_limitation>3</product_limitation>
                                        <product_description_max_characters>100</product_description_max_characters>
				</values>
			</action>
            </block>
</reference>
<reference name="right-slideshow">
                    <block type="basicproducts/home" name="right-pro" template="sm/basicproducts/home.phtml"> 
			<action method="setConfig">
 				<values>
					<title>Best Sales</title>
                                        <product_source>catalog</product_source>
                                        <product_category>87</product_category>
					<product_order_by>price</product_order_by>
                                        <num_columns>2</num_columns>
                                        <product_limitation>4</product_limitation>
					<product_image_width>170</product_image_width>
					<product_image_height>113</product_image_height>
				</values>
			</action>
                  </block>
</reference>

<reference name="news">        
			<block type="cms/block" name="block-news">
				<action method="setBlockId"><block_id>block-news</block_id></action>
			</block>
</reference>

<reference name="banner">        
			<block type="cms/block" name="block-banner">
				<action method="setBlockId"><block_id>block-banner</block_id></action>
			</block>
</reference>

<reference name="slider">        
	   <block type="slider/list" name="slider.list" template="sm/slider/default.phtml">      
			<action method="setConfig">
 				<values>
					<block_title></block_title>
					<slider_title_text>Latest Products</slider_title_text>
                                        <product_image_width>270</product_image_width>
                                        <product_image_height>180</product_image_height>
                                        <product_limitation>10</product_limitation>
                                        <duration>300</duration>
                                        <deviceclass_sfx>preset01-4 preset02-4 preset03-2 preset04-1 preset05-1</deviceclass_sfx>
				</values>
			</action>      
           </block>
</reference>

<reference name="brands">
			<block type="cms/block" name="block-brands">
				<action method="setBlockId"><block_id>block-brands</block_id></action>
			</block>
</reference>

<reference name="product-left">
                    <block type="basicproducts/home" name="abc" template="sm/basicproducts/home2.phtml"> 
			<action method="setConfig">
 				<values>
					<title> Featured Offers and Deals </title>
                                        <product_source>catalog</product_source>
                                        <product_category>74</product_category>
					<product_order_by>price</product_order_by>
                                        <num_columns>2</num_columns>
                                        <product_limitation>1</product_limitation>
					<product_image_width>360</product_image_width>
					<product_image_height>240</product_image_height>
				</values>
			</action>
                  </block>
</reference>

<reference name="extraslider">        
	   <block type="extraslider/list" name="extraslider.list" template="sm/extraslider/extraslider.phtml">      
			<action method="setConfig">
 				<values>
                                              <title_slider_display>0</title_slider_display>
                                              <item_title_max_characs>15</item_title_max_characs>
                                              <product_category>80</product_category>
                                              <product_limitation>16</product_limitation>
				              <num_rows>2</num_rows>
				               <num_cols>4</num_cols>
                                               <item_image_width>170</item_image_width>
				               <item_image_height>113</item_image_height>
				</values>
			</action>      
           </block>
</reference>

Contact us page:

Support from MagenTech will be defined as following:

Item support includes:

Item support does not include:

Installation Services-Quickstart installation services cost $25:

That's it. Now you are ready for using!

Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, feel free to do the following steps to send us any question.here