Step 1: Install Magento

Complete an installation of Magento on your site and create a Website, Store, and Store View.

Step 2: Upload Your Theme

After installing Magento on your site, upload your theme files to the appropriate folders, following the folder structure in which the theme is provided.

Step 3: Activate Your Theme

1. Access the Admin Panel and navigate to System > Configuration.

2. Select your Store View from the Current Configuration Scope drop-down menu in the upper left corner.

3. Click on "Design" under the "General" section of the left side navigation.

4. Under the "Themes" section, uncheck all of the check boxes titled "Use website."

5. In each text field, enter the name of the folders containing the theme you wish to use.

   In this case, enter "session" (without quotes).

Step 4: Set Up Your Homepage

1. From the top navigation, navigate to CMS > Pages.

2. Click on the "+ Add New Page" button.

3. Enter your desired page title.

4. For the home page, be sure to set your URL Key as "home" and select your store view.

5. Select "Design" from the left side navigation and set Layout to "1 column."

6. Select "Content" from the left side navigation and enter the content for your home page in the text area.

   To make your homepage appear as the example on our site, click the "Show/Hide Editor" button and enter the following code:

   {{block type="core/template" template="flash/index.html"}}
   
   <div id="home-row">
   	<div class="home-row-box">
   		<h2>Popuplar Categories</h2>
   		<ol class="links">
   			<li><a href="apparel.html">Fitness Apparel</a></li>
   			<li><a href="furniture.html">Sports Equipment</a></li>
   			<li><a href="electronics.html">Monitors &amp; Gadgets</a></li>
   			<li><a href="apparel/shoes.html">Accessories</a></li>
   		</ol>
   	</div>
   	
   	<div class="home-row-box">
   		<h2>Current Special</h2>
   		<a href="checkout/cart/"><img src="{{skin url=""}}images/media/free-shipping.png" /></a>
   	</div>
   	
   	<div class="home-row-box">
   		<h2>Quick Links</h2>
   		<ol class="links">
   			<li><a href="catalog/seo_sitemap/category/">Site Map</a></li>
   			<li><a href="customer-service">Frequently Asked Questions</a></li>
   			<li><a href="customer-service#answer3">Returns &amp; Exchanges</a></li>
   			<li><a href="about-magento-demo-store">Gift Certificates</a></li>
   		</ol>
   	</div>
   	
   	<div class="home-row-box last">
   		<h2>Store Locations</h2>
   		<a href="contacts"><img src="{{skin url=""}}images/media/map.png" /></a>
   	</div>
   	
   	<div style="clear:both;"></div>
   </div>

7. Set the Status to "Enabled" and click on the "Save Page" button in the upper right corner to save and activate your homepage.

That's it! Congratulations

Just set up your categories and products, and you now have a beautiful, fully functioning ecommerce website!

Step 1: Prepare product images

For each of the products you wish to display on the homepage carousel, prepare a thumbnail image sized to 150x150 pixels and upload them to /skin/frontend/default/session/flash/images/

For simplicity, you may wish to give your images the same name as the example images (1.jpg, 2.jpg, etc) as a method of keeping them in order.

Step 2: Edit data file

1. Locate and open the file /skin/frontend/default/session/flash/data.xml

2. Scroll down to where product information begins (about line 32). The image below displays all information pertaining to the first item in the carousel and may be used for reference in the proceeding steps:
   

3. The first data field, imageURL, does NOT refer to the product thumbnail. This is the image used as the background for the carousel item and does not need to be changed.

4. The next field, linkData, contains the page address that the item links to. Copy and paste the URL to your first product between the quotation marks as seen in the example. Any further information on this line should not be edited.

5. The bodyOfText field refers to the lower text field (the price field). Input the price of your product here.

6. The heading field refers to the upper text field (the product title). Input the title of your product here.

7. Lastly, the image field contains the location of your thumbnail image. You may input the location of your thumbnail image here. If you saved over the example images in Step 1, no change is necessary here.

8. Your first item is now complete! Repeat these steps for the remaining items.

Step 3: Refresh your cache

Once you have uploaded your edited data file, refresh your browser's cache and then refresh the page to see the changes. If no changes can be seen, you may also need to refresh Magento's cache (via System > Cache Management in the admin panel).

That's it! Congratulations

Your flash element is now complete! Enjoy your site.