MT Rytro userguide

08 04 2012 0
Magen Theme

I. Quickstart Installation

  • Step 1: Create new database and import sample database ( mt_rytro.sql or mt_rytro.sql.gz) in database folder.
  • Step 2: Extract and Upload the whole Quickstart package to your server
  • Step 3: Open browser and navigate to your site (where the quickstart uploaded) to load default Magento installer with the database you just created and import sample database.
  • Step 4: Step by step to follow the instructions
  • Step 5: Finish installer

magento themes position

II. Theme Installation

  1. First, unzip theme package ZIP-file and then copy the whole "app and skin"- folders on the main root of your local magento server (you will need to merge these files), if this files are not merged, you will have installation issues then.
  2. A message may popup and warn you that there are similar files already on your server. You will need to select overwrite to overwrite the same files. If not, don't worry, it will still work.
  3. Log in to your backend of your Magento Administration and go to "System"→ " Design"→"Add Design Change". Open the "Design Change" tab, then select "mt_rytro" , and then click "Save".
  4. Disable the Cache in System → Cache Management. Select all options. Then either refresh or disable your cache. Refresh means it will refresh your cache, Disable will disable your cache. We recommend disabling your cache when installing your theme and re- enabling it after you are done installing.

Magento Themes install

III. Setting up the static block

1. Footer Static

MT rytro footer static block

Copy the whole "media"- folder on the main root of your local magento server (you will need to merge these files), if this files are not merged, you will have installation issues then.
We are now going to install our static blocks for this theme, go to CMS → Static Blocks → Add New Block. Important!: Remember to click in "Show/Hide Editor" in order to Hide the HTML Editor. If not, the code will be displayed wrong.

  • Block Title: Footer Static
  • Identifier: footer_static
  • Status: Enabled
  • Content:
<div class="left-footer">
<ul>
<li><a href="#">About Joomla!</a></li>
<li><a href="#">Wrapper</a></li>
<li><a href="#">Reviews</a></li>
<li><a href="#">Shopping Cart</a></li>
</ul>
</div>
<div class="center-footer">
<ul>
<li><a href="#">Login</a></li>
<li><a href="#">Create an Account</a></li>
<li><a href="#">Advanced Search</a></li>
<li><a href="#">Order History</a></li>
</ul>
</div>
<div class="right-footer">
<ul>
<li><a href="#">Contact</a></li>
<li><a href="#">Delivery</a></li>
<li><a href="#">Legal Notice</a></li>
<li><a href="#">Terms and conditions</a></li>
</ul>
</div>

MT rytro footer static block configuration

2. Social Static

MT rytro social static block

Copy the whole "media"- folder on the main root of your local magento server (you will need to merge these files), if this files are not merged, you will have installation issues then.
We are now going to install our static blocks for this theme, go to CMS → Static Blocks → Add New Block. Important!: Remember to click in "Show/Hide Editor" in order to Hide the HTML Editor. If not, the code will be displayed wrong.

  • Block Title: Social Static
  • Identifier: social
  • Status: Enabled
  • Content:
<div class="ft-Subscribe">
<div class="footer-social">
<ul class="stc">
<li><a href="#"><img src="{{media url="wysiwyg/twister.jpg"}}" alt="" /></a></li>
<li><a href="#"><img src="{{media url="wysiwyg/facebook.jpg"}}" alt="" /></a></li>
<li><a href="#"><img src="{{media url="wysiwyg/face.jpg"}}" alt="" /></a></li>
<li><a href="#"><img src="{{media url="wysiwyg/rss.png"}}" alt="" /></a></li>
</ul>
Follow us!</div>
</div>

MT rytro social static block configuration

IV. Setting up the Home Page

MT rytro home cms thumbnail

To setup your homepage, you will need to go to (CMS → Manage Pages):

Select "Home Page", with the identifier as "home".

Design: 2 columns with left bar

Scroll down and look for "Content", inside that you will have to input your homepage code, inserting the following code:

Important!: Remember to click in "Show/Hide Editor" in order to Hide the HTML Editor. If not, the code will be displayed wrong.

<div class="content-static">
<ul class="act">
<li><a href="donec-nulla-tortor-mattis-id-pulvinar-eget.html"><img src="{{media url="wysiwyg/anh01.jpg"}}" alt="" /></a></li>
<li><a href="http://192.168.1.15/mt-rytro/equipment/lorem-ipsum-dolor-sit-amet-1.html"><img src="{{media url="wysiwyg/anh02.jpg"}}" alt="" /></a></li>
<li class="last"><a href="http://192.168.1.15/mt-rytro/equipment/mauris-vehicula-dolor-sagittis.html"><img src="{{media url="wysiwyg/anh03.jpg"}}" alt="" /></a></li>
</ul>
</div>

MT rytro home cms configuration

V. Setting up MT Slideshow Module

magento slideshow extension

  1. Unzip and copy the whole "app, js, skin and media"- folders on the main root of your local magento server (you will need to merge these files).
  2. Log in to your backend of your Magento Administration and go to "System"→ "Configuration "→"MT SlideShow". Open the "MAGENTHEMES" tab, then setup config like image below, and then click "Save Config".
  3. Go to "MagenThemes"→ "MTSlideshow "→"Manage Slideshow", then fill parameter like image below.

Site Information:

  • Identifier *: mt-slide-show
  • Position *: Top Content
  • Style: default
  • Width*: 936
  • Height*: 385
  • Show Caption: hidden
  • Status: Enable

magento slideshow configuration

Images:

  • browse to your images and upload them. After that fill the detail for each image like the following format:
  • Title: the title of your image, ex: Kuhn Rikon
  • Link: the link which you want image link to, ex: etiam-fermentum-mauris.html
  • Demo Link: inputing the link for the SHOW NOW button, ex: etiam-fermentum-mauris.html
  • Description: inputing the description for each image

magento slideshow extension

Display on CMS Page: Home Page

magento slideshow display configuration

VI. Setting up MT Products List Extension

magento products list extension

  • Unzip and copy the whole "app, js, skin and media"- folders on the main root of your local magento server (you will need to merge these files).
  • Log in to your backend of your Magento Administration and go to "System"→ "Configuration "→"MT Products List".
  • Open the "MAGENTHEMES" tab, then setup config like image below, and then click

magento products lists configuration

VII. Setting up MT Product Thumbnail Scroller Extension

magento products thumbnail scroller extension

  • Unzip and copy the whole "app, js, skin and media"- folders on the main root of your local magento server (you will need to merge these files).
  • Log in to your backend of your Magento Administration and go to "System"→ "Configuration "→"MT Products Thumbnail Scroller".
  • Open the "MAGENTHEMES" tab, then setup config like image below, and then click

magento products thumbnail scroller configuration

Showing 0 comment(s)

  • Add New Comment
  • Enclose code snippets within the appropriate tags:
    [php][/php] [js][/js] [xml][/xml] [css][/css] [html][/html]
    E.g: [php]echo "hello world";[/php]