Installation

Gadgets Magento Template

This exclusive Magentist theme is sleek, crisp, and modern. Ideal for professional, high-end stores featuring electronic hardware, software, and media. Now compatible with Magento 1.4.x

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 "gadgets" (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:

    <div style="width:960px; background: url({{skin url=""}}images/body_bg.gif); margin:-1px 0 0 -1px; padding-bottom:20px; margin-bottom:-9px;">

	<div style="width:960px; height:574px; overflow:hidden; margin:0 0 20px; background:url({{skin url=""}}images/media/home-ad-main-bg.png) 0 0 no-repeat;">
		<h1 style="margin:38px 0 0 0; padding:0; font:normal 42px 'Lucida Grande','Lucida Sans Unicode',Arial,Verdana,sans-serif; color:#333; text-align:center; letter-spacing:-3px;">The New Mac Family</h1>
		<p style="margin:8px 0 0 0; padding:0; font:normal 16px Verdana, Arial, Helvetica, sans-serif; color:#999; text-align:center; letter-spacing:-1px;">Check out the new iMac. All of its new features will provide something for everyone.</p>
		<img src="{{skin url=""}}images/media/home-ad-main.jpg" style="margin:17px 0 0 0;" />
	</div>
	
	<div style="border:none; margin:0 0 20px; width:960 px; height:30px; background:url({{skin url=""}}images/media/home-ad_2.jpg) 0 0 no-repeat;">
		<p style="margin:0; padding:0 12px; font:normal 14px/30px Geneva, Arial, Helvetica, sans-serif; color:#666;"><strong>Special Offer:&nbsp;&nbsp;<span style="color:#993333;">Free Shipping</span></strong> on orders over $100 until September 30th.&nbsp;&nbsp;Use code&nbsp;&nbsp;<span style="color:#333; font-family:'Courier New', Courier, monospace;">ship4free</span>&nbsp;&nbsp;at checkout.</p>
	</div>
	
	<div style="background: url({{skin url=""}}images/media/ad-bottom-bg.png) 0 0 no-repeat; width:233px; height:185px; overflow:hidden; float:left; margin:0 9px 0 0;">
		<p style="text-align:center; font:bold 14px Geneva, Arial, Helvetica, sans-serif; color:#000; margin:16px 0 3px 0;">Audio Downloads</p>
		<p style="text-align:center; font:normal 11px Geneva, Arial, Helvetica, sans-serif; color:#666; margin:0;">Get your mp3's directly from us.</p>
		<img src="{{skin url=""}}images/media/bottom-1.png" style="margin:8px 0 0 0;" />
	</div>
	
	<div style="background: url({{skin url=""}}images/media/ad-bottom-bg.png) 0 0 no-repeat; width:233px; height:185px; overflow:hidden; float:left; margin:0 10px 0 0;">
		<p style="text-align:center; font:bold 14px Geneva, Arial, Helvetica, sans-serif; color:#000; margin:16px 0 3px 0;">Fine Photography Peripherals</p>
		<p style="text-align:center; font:normal 11px Geneva, Arial, Helvetica, sans-serif; color:#666; margin:0;">Now at lower, more affordable prices.</p>
		<img src="{{skin url=""}}images/media/bottom-2.png" style="margin:10px 0 0 0;" />
	</div>
	
	<div style="background: url({{skin url=""}}images/media/ad-bottom-bg.png) 0 0 no-repeat; width:233px; height:185px; overflow:hidden; float:left; margin:0 9px 0 0;">
		<p style="text-align:center; font:bold 14px Geneva, Arial, Helvetica, sans-serif; color:#000; margin:16px 0 3px 0;">The iPod Classic</p>
		<p style="text-align:center; font:normal 11px Geneva, Arial, Helvetica, sans-serif; color:#666; margin:0;">Your favorite accessory just got better.</p>
		<img src="{{skin url=""}}images/media/bottom-3.png" style="margin:10px 0 0 0;" />
	</div>
	
	<div style="background: url({{skin url=""}}images/media/ad-bottom-bg.png) 0 0 no-repeat; width:233px; height:185px; overflow:hidden; float:left; margin:0;">
		<p style="text-align:center; font:bold 14px Geneva, Arial, Helvetica, sans-serif; color:#000; margin:16px 0 3px 0;">Xserve</p>
		<p style="text-align:center; font:normal 11px Geneva, Arial, Helvetica, sans-serif; color:#666; margin:0;">The fastest, most efficient Xserve ever.</p>
		<img src="{{skin url=""}}images/media/bottom-4.png" style="margin:12px 0 0 0;" />
	</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!