Userguide documentation of mp_toolshop

All thing about this theme


Hello! First of all I would like to thank you for purchasing our theme!
This documentation will teach you how to set up and use the "MP_Toolshop" Magento Theme. If you have any questions that are beyond the scope of this help file, please feel free to email via our user page contact form following into MagentoPassion site.
If you like this theme please don't forget to rate it on the MagentoConnect.
Best regards MagentoPassion.

Surely you have already installed Magento on your server. 

There are 2 main ways to upload the theme:

1. Install Only Theme Package

By this method, you can use two way to installation:

  • Install from Magento Connect Manager function at Admin Panel
  • Install via FTP

1.1. Install from Magento Connect Manager function at Admin Panel

Step 1: Go to Magento Connect Manager from admin panel:

Step 2: Login to MagentoConnect Manage

Step3: There are two choice for you: Install new Extensions/Direct package file upload

With one:

You can go to out theme pulished at Magento Connect from link bellow

http://www.magentocommerce.com/magento-connect/catalog/product/view/id/19828/

Get Extension Key and paste to form.

Click Process and done!

With two:

Choose file MagPassion_mp_toolshop_free-1.0.0.tgz from your local computer

Step4: Click button upload to upload and install that theme

Step 5: View current processing

Done!

1.2. Install via FTP upload

Unzip the theme package MagPassion_mp_toolshop_free-1.0.0.tgz by your usual software(such as winrar, winzip v..v)

After unzip that file, the listing directiory like this:

You could not care about package.xml because it only unsing for above method.

There are two directories with name is app and skin. These directories wered structured form by Magento Directories Structrure.

You only do upload it via ftp client to your root website magento directory which have same structured.

After upload successful, the actions installation done here.

2. Instal Full Demo Source

By this method, you can use it for the new site. With sample data and image product, your new site is almost like the live demo: http://demo.magpassion.com/demo/?tp=mp_toolshop

Download file name: MagPassion_mp_toolshop_free_fullsource.zip from our website.

Unzip it first

The directory structure like this:

  • full_source.zip
  • sampledata.sql

Step 1: unzip full_source.zip file

After unzip, the new created directory have all file data with Magento CE 1.7.0.2 version

You can upload it to your root web directory

Step 2: Import SQL database

Demo database was export to sql file with name sampledata.sql by PHPMyAdmin soft

You can use PHPMyAdmin to import it to your database, or use command line to import

Choose file from your computer to upload and import

Step 3: Reconfig local.xml

Open file /root/app/etc/local.xml by your text edit to modify it.

From line 42 to 52, it is the infomation SQL user for magento connect database.

The code like this:

<connection>
                    <host><![CDATA[localhost]]></host>
                    <username><![CDATA[mp_toolshop]]></username>
                    <password><![CDATA[passw0rd]]></password>
                    <dbname><![CDATA[mp_toolshop]]></dbname>
                    <initStatements><![CDATA[SET NAMES utf8]]></initStatements>
                    <model><![CDATA[mysql4]]></model>
                    <type><![CDATA[pdo_mysql]]></type>
                    <pdoType><![CDATA[]]></pdoType>
                    <active>1</active>
</connection>

There are three param that you must change:

  • <username>
  • <password>
  • <dbname>

Change it with your MySQL user and Database in the CDATA bracket.

Step 4: Reconfig core_config_data tables

Modify that table use PHPMyAdmin

Browse that table

 

Edit column "Value" on line 5 + 6 with your store base url

Step 5: Access your MagentoAdmin panel

Access your magentoadmin panel via url like this:

http://yourstoreurl/admin

User: admin

Password: admin

After successful login, you must be Change account info + Reindex Data + Clear Cache to apply all modify above.

 

With this theme, we'd include some extensions from Magento Connect. If you've install new website by Full Demo Source, you could not care, because with that method, we'd include all of them.

1. Install aw blog module

Step 1: Access to Magento Connect Manager from your admin panel

Step 2: Access to Magento Connect Site to get AwBlog extensions key

Go to this url: http://www.magentocommerce.com/magento-connect/blog-community-edition.html

Step 3: Paste the key that you've had to form install

Special thanks to AW company for this free extensions.

2. Install Attribute Splash Pages module

Step 1: Access to Magento Connect Manager from your admin panel

Step 2: Access to Magento Connect Site to get Attribute Splash Pages extensions key

http://www.magentocommerce.com/magento-connect/fishpig-s-attribute-splash-pages.html

Step 3: Paste the key that you've had to form install

Special thanks to FishPig for this free extensions.

Theme configuration

Configuration Magento theme package

Input value "mp_toolshop" to fields: Templates | Skin (images/css) | Layout

Frontend layout with block

Homepage CMS Code

Add following line to Layout update XML field

 

 <reference name="homecontent">
 <block type="page/html" name="innerhomecontent" template="page/html/homecontent.phtml">
 <block type="cms/block" name="home_slider" before="-">
 <action method="setBlockId"><block_id>home_slider</block_id></action>
 </block>
 </block>
 </reference >

 

List block:

  1. Store switcher
  2. Toplink
  3. Logo
  4. Default welcome msg
  5. Main menu
  6. Mini search form
  7. Home slider banner with content
  8. List featured Brand
  9. Store information
  10. User information
  11. Extras
  12. Payment Method logo
  13. Social network connect
  14. Newsletter subcriber
  15. Footer store information
  16. Backlink to our site

Store switch: Default output from store switcher function of Magento

Toplink: Output from default toplink function of magento, with custom "Cart link" show by an icon

Logo: Output logo image, you can modify with PSD file we provide, and config at Magento Configuration.

Default welcom msg: You can change from Magento Configuration

Mainmenu: Modify by MagPassion. You can change it by edit file named /root/app/design/frontend/mp_toolshop/template/page/html/topmenu.phtml

Mini search form: Output from default search Magento function

Home slider banner with content: Custom html code by MagPassion. You can change by edit Static Block with idendity is home_slider

HTML Code is like this

 

<div class="slider-wrapper">
<div class="slider" style="position: relative; z-index: 1;">
<ul class="items">
<li><img src="{{media url="wysiwyg/vnzarial/slider/slider1.png"}}" alt="" />
<div class="banner">
<h1>Makita drill</h1>
<h2>no.E360</h2>
<p>Esasy for your family</p>
</div>
</li>
<li><img src="{{media url="wysiwyg/vnzarial/slider/slider2.png"}}" alt="" />
<div class="banner">
<h1>Eileen Fisher</h1>
<h2>Shaped Cardigan (Petite)</h2>
<p>$458.96</p>
</div>
</li>
<li><img src="{{media url="wysiwyg/vnzarial/slider/slider3.png"}}" alt="" />
<div class="banner">
<h1>Max &amp; Mia</h1>
<h2>Belted Stripe Shirtdress</h2>
<p>$158.66</p>
</div>
</li>
</ul>
</div>
<ul class="pagination">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li class="last"><a href="#">3</a></li>
</ul>
</div>    

 

List featured Brand: Custom output with Magento Static Block with Identify is list_brands

The HTML Code

 

<ul>
<li><a href="{{config path="web/unsecure/base_url"}}business-company.html">
<img src="{{media url="wysiwyg/vnzarial/brands/brand1.gif"}}" alt="" />
</a></li>
<li><a href="{{config path="web/unsecure/base_url"}}makita-drill.html">
<img src="{{media url="wysiwyg/vnzarial/brands/brand2.gif"}}" alt="" />
</a></li>
<li><a href="{{config path="web/unsecure/base_url"}}epison-group.html">
<img src="{{media url="wysiwyg/vnzarial/brands/brand3.gif"}}" alt="" />
</a></li>
<li><a href="{{config path="web/unsecure/base_url"}}grappo-ta.html">
<img src="{{media url="wysiwyg/vnzarial/brands/brand4.gif"}}" alt="" />
</a></li>
<li class="last"><a href="{{config path="web/unsecure/base_url"}}quality.html">
<img src="{{media url="wysiwyg/vnzarial/brands/brand5.gif"}}" alt="" />
</a></li>
</ul>    

 

Store information: Custom output with Magento Static Block with identify store_infomation

The HTML Code

 

<p><span class="vnzarial_footer_title">Store Information</span></p>
<ul>
<li>{{widget type="cms/widget_page_link" template="cms/widget/link/link_block.phtml" page_id="3"}}</li>
<li>{{widget type="cms/widget_page_link" template="cms/widget/link/link_block.phtml" page_id="7"}}</li>
<li>{{widget type="cms/widget_page_link" anchor_text="Movie Trailers" title="Movie Trailers" template="cms/widget/link/link_block.phtml" page_id="10"}}</li>
<li>{{widget type="cms/widget_page_link" anchor_text="International Site" title="International Site" template="cms/widget/link/link_block.phtml" page_id="10"}}</li>
<li>{{widget type="cms/widget_page_link" anchor_text="Carreer Opportunities" title="Carreer Opportunities" template="cms/widget/link/link_block.phtml" page_id="10"}}</li>
<li><a title="Contact us" href="{{config path="web/unsecure/base_url"}}contacts/">Contact us</a></li>
</ul>    

 

User information:Custom output with Magento Static Block with identify my_account

The HTML Code

 

<p><span class="vnzarial_footer_title">Store Information</span></p>
<ul>
<li><a href="{{config path="web/unsecure/base_url"}}customer/account/">My Account</a></li>
<li><a href="{{config path="web/unsecure/base_url"}}sales/order/history/">Order History</a></li>
<li><a href="{{config path="web/unsecure/base_url"}}wishlist/">Wish list</a></li>
<li>{{widget type="cms/widget_page_link" template="cms/widget/link/link_block.phtml" page_id="4"}}</li>
<li><a href="{{config path="web/unsecure/base_url"}}sales/guest/form/">Order and Returns</a></li>
</ul>

 

Extras: Custom output with Magento Static Block with identify extras

The HTML Code

 

<p><span class="vnzarial_footer_title">Extras</span></p>
<ul>
<li>{{widget type="cms/widget_page_link" template="cms/widget/link/link_block.phtml" page_id="12"}}</li>
<li>{{widget type="cms/widget_page_link" anchor_text="Gift Cards" title="Gift Cards" template="cms/widget/link/link_block.phtml" page_id="10"}}</li>
<li>{{widget type="cms/widget_page_link" anchor_text="Gallery" title="Gallery" template="cms/widget/link/link_block.phtml" page_id="10"}}</li>
<li><a href="{{config path="web/unsecure/base_url"}}index.php/catalog/seo_sitemap/category/">Site map</a></li>
</ul>

 

Payment method logo: Custom output by MagPassion. You can change by edit file

Social network connect: Custom output by MagPassion. You can change by edit file

Newletter Subcriber: Output default by Magento Function. You can change by edit file named
/root/app/design/frontend/default/mp_toolshop/template/newsletter/subscribe.phtml

Footer store information: Output by Magento Function. You can change via Magento configuration.

Backlink to our site: Dont remove it please.

 

AW Blog configuration

Access aw blog setting on Admin Panel

Setting main params like this

 

Attribute Splash Pages Configuration

Access Attribute Splash Pages Configuration tab

Set params like this

Go to Splash -> Mangage Page | Manage Group to add attribute page, and attribute page item

   

 

  Special thanks to: