SM PAPA USERGUIDE


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

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 Papa 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:

1. Select the homepage from CMS Pages

2. Select Sm Papa - Responsive Magento Theme for Fashion, Clothing >> 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="content-top">
<block type="dynamicslideshow/list" name="dynamicslideshow.list.default">
				<action method="setConfig">
				</action>
			</block>
</reference>
<reference name="content">
	<block type="tablisting/list" name="tablisting">
		<action method="setConfig">
		</action>
	</block>
        <block type="cms/block" name="pick-category" >
		<action method="setBlockId"><block_id>pick-category</block_id></action>
	</block>         
</reference>
<reference name="slider-home1">         
          <block type="slider/list" name="slider.list.default" template="sm/slider/default.phtml">
			<action method="setConfig">
			</action>
	</block>
</reference>
<reference name="slider-home2">
         <block type="slider/list" name="slider.list.default2" template="sm/slider/default2.phtml">
				<action method="setConfig">
                                         <values>  
					<product_source>catalog</product_source>
					<block_title></block_title>
					<slider_title_text>Be inspired</slider_title_text>
					<product_category>299</product_category>
					<product_image_height>270</product_image_height>
					<product_image_width >190</product_image_width>
					<product_limitation>10</product_limitation>
                                       <product_order_dir>ASC</product_order_dir>
                                       <product_order_by>position</product_order_by>
					<deviceclass_sfx>preset01-3 preset02-2 preset03-2 preset04-1 preset05-1</deviceclass_sfx>
					<duration>800</duration>
                                          </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 Papa configuration in backend:

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

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

3. Tweak the theme as you want

Configure theme using Cpanel front end

This is fontend, identical to what has in backend:

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

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 Menu Papa group. Other group has similar settings menu item

3.1 NEW ARRIVALS

Front - end Appearance:

Back - end Settings : click here

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

NEW ARRIVAL MENU ITEMS TREE:

3.2 SHOP

Front - end Appearance:

Back - end Settings : click here

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

SHOP MENU ITEMS TREE:

3.3 INSPIRATION

Front - end Appearance:

Back - end Settings : click here

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

INSPIRATION MENU ITEMS TREE:

3.4 OUR CHOICE

Front - end Appearance:

Back - end Appearance : click here

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

OUR CHOICE MENU ITEMS TREE

3.5 PRODUCT TYPES

Front - end Appearance:

1. SM Search Box Pro

1.1 Position: SM Search Box Pro

1.2 Front - end Appearance

1.3 Configuration

2. SM Cart Pro

2.1 Position: SM Cart Pro

2.2 Front - end Appearance

2.3 Configuration

3. SM Dynamic Slideshow

3.1 Position: SM Dynamic Slideshow

3.2 Front - end Appearance

3.3 Configuration

4. SM Tab Listing

4.1 Position: SM Tab Listing

4.2 Front - end Appearance:

4.3 Configuration

5. SM Slider

5.1 Position: SM Slider

5.2 Front - end Appearance:

5.3 Configuration

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

To create static blocks, go to CMS >> Static Blocks >> Add New Block

1. banner-ad-1; banner-ad-2; banner-ad-3

For example: With static block - "banner-ad-1" ("banner-ad-2"; "banner-ad-3" configure backend the same to banner-ad-1)

2. menu-bottom

<ul class="menu-bottom">
<li><a href="{{config path="web/unsecure/base_url"}}shirts.html">Shirts</a></li>
<li><a href="{{config path="web/unsecure/base_url"}}shorts.html">Shorts</a></li>
<li><a href="{{config path="web/unsecure/base_url"}}t-shirts.html">T-shirts</a></li>
<li><a href="{{config path="web/unsecure/base_url"}}pants.html">Pants</a></li>
<li><a href="{{config path="web/unsecure/base_url"}}knit.html">Knit</a></li>
<li><a href="{{config path="web/unsecure/base_url"}}sweat.html">Sweat</a></li>
<li><a href="{{config path="web/unsecure/base_url"}}jeans.html">Jeans</a></li>
<li><a href="{{config path="web/unsecure/base_url"}}tailoring.html">Tailoring</a></li>
<li><a href="{{config path="web/unsecure/base_url"}}accessories-9.html">Accessories</a></li>
<li><a href="{{config path="web/unsecure/base_url"}}shoes.html">Shoes</a></li>
<li><a href="{{config path="web/unsecure/base_url"}}outerwear.html">Outerwear</a></li>
<li><a href="{{config path="web/unsecure/base_url"}}basic.html">Basic</a></li>
</ul>

3. pick-category

<div class="container">
<div class="pick-category">
<div class="pick-category-title">
<div class="pick-category-title-inner">Pick a category</div>
</div>
<div class="pick-category-content">
<ul>
<li class="tshirts"><a href="{{config path="web/unsecure/base_url"}}t-shirts.html">T-Shirts</a></li>
<li class="shirts"><a href="{{config path="web/unsecure/base_url"}}shirts.html">Shirts</a></li>
<li class="pants"><a href="{{config path="web/unsecure/base_url"}}pants.html">Pants</a></li>
<li class="accessories"><a href="{{config path="web/unsecure/base_url"}}accessories-9.html">Accessories</a></li>
<li class="shoes"><a href="{{config path="web/unsecure/base_url"}}shoes.html">Shoes</a></li>
</ul>
</div>
</div>
</div>

4. need to know

<div class="need-to-know">
<div class="bottom-block-title">Need to knows</div>
<div class="bottom-block-content">
<ul>
<li class="know1"><a href="#"><em></em><span>Free Shipping</span><br />On all orders over $50. </a></li>
<li class="know2"><a href="#"><em></em><span>Free Returns</span><br />On all orders. </a></li>
<li class="know3"><a href="#"><em></em><span>International Shipping</span><br />To over 80 countries.</a></li>
</ul>
</div>
</div>

5. store chain

<div class="store-chain">
<div class="store-chain-inner">
<div class="bottom-block-title">Store chain</div>
<div class="bottom-block-content">
<ul>
<li><a href="#">Create Default Type Styles In</a></li>
<li><a href="#">Using Filter Forge and Photoshop</a></li>
<li><a href="#">Dynamic traction pattern for multidirec</a></li>
<li><a href="#">Midfoot shank for stability and support</a></li>
<li><a href="#">Mesh panels for breat han bility</a></li>
<li><a href="#">Watersports we are proud of our range of sea kayaks</a></li>
</ul>
</div>
</div>
</div>

6. history

<div class="history">
<div class="bottom-block-title">History</div>
<div class="bottom-block-content"><span>12 years in the making</span>
<div class="history1">
<div class="year">2001</div>
<div class="line"> </div>
<div class="history1-content">No matter if you're padding along the coast with your family or if you're an</div>
</div>
<div class="history2">
<div class="year">2005</div>
<div class="line"> </div>
<div class="history1-content">The idea behind this distinctive statement piece is to fully embrace seasonal theme of the 'Tour de Nerd'</div>
</div>
<div class="history3">
<div class="year">2007</div>
<div class="line"> </div>
<div class="history3-content">Dynamic traction pattern for multidirec. Mesh panels for breat han bility middle of winter</div>
</div>
<div class="history4">
<div class="year">2010</div>
<div class="line"> </div>
<div class="history4-content">Only a true nerd would feel the need to take their own seat with him or her! This bag combine the new</div>
</div>
<div class="history5">
<div class="year">2013</div>
<div class="line"> </div>
<div class="history5-content">Dynamic traction pattern for multidirec. Mesh panels for breat han bility middle of winter</div>
</div>
</div>
</div>

7. contact us

<div class="contacts-index-index">{{block type="core/template" name="contactForm" form_action="/contacts/index/post" template="contacts/form.phtml"}}</div>

8. newsletter

<div class="newsletter">
<div class="newsletter-inner">
<div class="bottom-block-title">Newsletter</div>
<div class="bottom-block-content"><form id="newsletter-validate-detail" action="newsletter/subscriber/new/" method="post">
<p>Subscribe to our newsletter massa In Curabitur id risus sit quis justo sed ovanti</p>
<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" type="submit"><span>Sign Up!</span></button></div>
</div>
</form>
<div class="social">
<ul>
<li><a class="icon-facebook" title="Facebook" href="http://www.facebook.com/MagenTech"><span>facebook</span></a></li>
<li><a class="icon-twitter" title="Twitter" href="https://twitter.com/magentech"><span>twitter</span></a></li>
<li><a class="icon-pinterest" title="Pinterest" href="#"><span>pinterest</span></a></li>
</ul>
</div>
</div>
</div>
</div>

9. slogan-bottom

<div class="slogan-bottom container">
<div class="slogan-content"><em class="icon-comments-alt"></em>Excellent clean theme! The only things is missing social shares on the product page. 
Do we seeing thing happening?</div>
<div class="slogan-author">__Magentech__</div>
</div>

10. customer-support

<div class="span3 customer" data-tablet="span6 customer" data-stablet="span6 customer">
<div class="block-title-col">Customer support</div>
<div class="block-content-col">
<ul>
<li class="col-item"><a href="# ">Customer services</a></li>
<li class="col-item"><a href="#">Returns</a></li>
<li class="col-item"><a href="#">Buy gift cards</a></li>
<li class="col-item"><a href="#">Size charts</a></li>
<li class="col-item"><a href="{{config path="web/unsecure/base_url"}}catalog/seo_sitemap/category/">Site map</a></li>
</ul>
</div>
</div>

11. learn-more

<div class="span3 learn-more" data-tablet="span6 learn-more" data-stablet="span6 learn-more">
<div class="block-title-col">Learn more</div>
<div class="block-content-col">
<ul>
<li class="col-item"><a href="# ">Greening our stores, packaging, and products</a></li>
<li class="col-item"><a href="#">Education discount</a></li>
<li class="col-item"><a href="#">Stylist services (in-store only)</a></li>
<li class="col-item"><a href="#">How to write a review</a></li>
</ul>
</div>
</div>

12. company

<div class="span3 company" data-tablet="span6 company clearfix" data-stablet="span6 company">
<div class="block-title-col">Company</div>
<div class="block-content-col">
<ul>
<li class="col-item"><a href="# ">About us</a></li>
<li class="col-item"><a href="#">Contact us</a></li>
<li class="col-item"><a href="#">Tems and returns</a></li>
<li class="col-item"><a href="#">Privacy policy</a></li>
<li class="col-item"><a href="#">News & media</a></li>
</ul>
</div>
</div>

13. credit-cart

<div class="span3 credit-card" data-tablet="span6 credit-card" data-stablet="span6 credit-card">
<div class="block-title-col">Banana Republic credit card</div>
<div class="block-content-col">
<ul>
<li class="col-item"><a href="# ">Apply now and save today</a><img src="{{media url="wysiwyg//payment/payment1.png"}}" alt="" /></li>
<li class="col-item"><a href="#">Review your card benefits</a><img src="{{media url="wysiwyg//payment/payment2.png"}}" alt="" /></li>
<li class="col-item"><a href="#">Manage your account</a><img src="{{media url="wysiwyg//payment/payment3.png"}}" alt="" /></li>
</ul>
</div>
</div>

Home Page

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

	
<reference name="content-top">
<block type="dynamicslideshow/list" name="dynamicslideshow.list.default">
				<action method="setConfig">
				</action>
			</block>
</reference>
<reference name="content">
	<block type="tablisting/list" name="tablisting">
		<action method="setConfig">
		</action>
	</block>
        <block type="cms/block" name="pick-category" >
		<action method="setBlockId"><block_id>pick-category</block_id></action>
	</block>         
</reference>
<reference name="slider-home1">         
          <block type="slider/list" name="slider.list.default" template="sm/slider/default.phtml">
			<action method="setConfig">
			</action>
	</block>
</reference>
<reference name="slider-home2">
         <block type="slider/list" name="slider.list.default2" template="sm/slider/default2.phtml">
				<action method="setConfig">
                                         <values>  
					<product_source>catalog</product_source>
					<block_title></block_title>
					<slider_title_text>Be inspired</slider_title_text>
					<product_category>299</product_category>
					<product_image_height>270</product_image_height>
					<product_image_width >190</product_image_width>
					<product_limitation>10</product_limitation>
                                       <product_order_dir>ASC</product_order_dir>
                                       <product_order_by>position</product_order_by>
					<deviceclass_sfx>preset01-3 preset02-2 preset03-2 preset04-1 preset05-1</deviceclass_sfx>
					<duration>800</duration>
                                          </values>
				</action>
	</block>
</reference>



Blog Page

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

Contact Us Page

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

When you buy our products, We have support 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 so much for purchasing this theme. As we said at the beginning, we would be glad to help you if you have any questions relating to this theme. No guarantees, but we'll do the best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the our ticket system and send support request via Support Tickets System.