EM0006 - Magento Theme for Computer store

Magento Theme EM0006 for Computer store

Copyright © 2010 EMThemes. All rights reserved.

All rights reserved. .Magento Theme for Computer store Table of contends Table of contends Introduction Features General Features Flexible layouts Main Menu Standard Blocks Category Menu and Category Layered Menu. HTML blocks editable in CMS Banners & Logo Module categories slideshow Homepage Featured Products: Usage Guide Install the theme to your existing Magento Install the full package with sample data Using Slideshow Change Extra Links In Footer Change Free Shipping text Display payment accept icons Change Footer links Change Top Banner Change Logo Custimize Homepage Featured Products Install lightbox effect on product detail page Copyright © 2010 EMThemes.EM0006 .

easy to edit.EM0006 . .4. The slideshow is amazing! Features General Features ● Div/Tabless HTML mark-up. ● XHTML 1. Chrome 5. ● Prototype-based Javascript . ● Well-structured and commented HTML & CSS for easy customization. well design and attracts customers with the most powerful and unique products. Firefox 3. It shows off computer products cleanly. Opera 10. Copyright © 2010 EMThemes. Main Menu Horizontal menu with drop-down submenus. support 3 submenu level. All rights reserved. Category Menu and Category Layered Menu.0 and higher. ● Support Magento CE version 1.Magento Theme for Computer store Introduction This Magento theme for Computer store is designed clean and high-tech. Standard Blocks All built-in Magento Blocks are designed and developed with every detail to create unique and perfect theme.0 valid.0 Strict valid. ● CSS 2. ● Cross-browser support. Flexible layouts Support: ● 1 column layout. ● SEO (Search Engine Optimization)-orient in design and development. ● Full PSD files supplied. ● 3 columns layout.0 and CSS 3. fast loading. ● 2 columns with right sidebar layout. Safari 5. Compatible with all major browsers such as IE7+.

. Banners & Logo All banners and logo are designed by our artists to promote and decorate nicely on the products selling and targeted business. Free Shipping are editable in Magento CMS Static Blocks. Module categories slideshow Display categories slideshow Homepage Featured Products: Selected producst are displayed on homepage Usage Guide Install the theme to your existing Magento If you already had the magento store and want to apply the theme to your store. HTML blocks editable in CMS Some area such as Change Extra Links..Magento Theme for Computer store Category menu and category layered menu are designed to look elegant and ful-filled supports all layered items such as Category. follow the Copyright © 2010 EMThemes. Color. and all other custom attributes. . Price. All rights reserved.EM0006 .

lib. http://www. rename file install-em0006. ● $adminuser is your magento admin username ● $adminpass is your magento admin password ● $prefix is prefix of tables in database.your-domain. set the store theme and Copyright © 2010 EMThemes.php This script will generate all sample blocks and modify the homepage. . if table do not have prefix .php source code.phps to installem0006. usually you can leave it blank.phps After copied all files to your magento folder.EM0006 .php ● install-em0006. # Database port $adminuser = 'admin'. # Database username $dbpass = "". # Database host name $dbname = "". Open this file on your web browser to install the theme to your Magento store. The zip file contains: ● app/ ● skin/ ● install. // magento admin username $adminpass = ''. you can leave it blank. # Database password $dbport = "".zip and copy all files to your magento folder. // magento admin password $prefix = "". // Database prefix tables Enter all required info in order to run the install script: ● $dbhost is database hostname ● $dbname is database name ● $dbuser is database username ● $dbpass is database password ● $dbport is database port.php. # Database name $dbuser = "".Magento Theme for Computer store instruction below. All rights reserved. For example: name table pre_admin_assert . Extract file em0006-full-package.com/install-em0006. $prefix = "pre_". Edit file install-em0006. find the section: ###################################################################### ########## ### CONFIGURE HERE ###################################################################### ########## $dbhost = "localhost".

php Install the full package with sample data If you’ve just started building your Magento site from the scratch.Magento Theme for Computer store install all required extensions. we recommend following this guide to install the entire site comes with sample data.zip and extract all contents to your public_html/ folder.e.Copy public_html/app/etc/ local.EM0006 . dbuser is your database username. Default admin account: ● Username: admin ● Password: demo Using Slideshow Things you can change: ● The text over the image.sql and import the sql file your database. After Site installed . dbpass is your database password and dbname is your database name.default to public_html/app/etc/local. i. your Magento site should look exactly like our demo’s. . All rights reserved. You remove file install-em0006. Combines a solid- Copyright © 2010 EMThemes. Download em0006-full-package.xml. After the installation completed.Image name product . Find sample-database. Business Destop PC. Now you can access to the site from your web browser to continue installing Magento as usual.xml and configure this file: <connection> <host><![CDATA[localhost]]></host> <username><![CDATA[dbuser]]></username> <password><![CDATA[dbpass]]></password> <dbname><![CDATA[dbname]]></dbname> <active>1</active> </connection> Where localhost is your database server.

png}}" alt="" align="right" /> <div class="banned_slide_content"><img src="{{skin url='images/ proname.. a smaller footprint and energy-efficient features with a long lifecycle and image stability for up to 15 months..jpg}}" alt="" / ></div> </div> Copyright © 2010 EMThemes. a smaller . ..Magento Theme for Computer store state hard drive. go to CMS -> Static Blocks You will see a block with Identifier named slideshow.png}}" border="0" alt=""/></a></ div> </div> <div class="cls_current"><img src="{{skin url='images/ i_current1. Toggle to plain text edit mode by click on the button “Show/Hide Editor” <div class="main-banner"> <div id="my-glider"> <div class="scroller"> <div class="content"> <div id="section1" class="section"> <div class="banned_slide"><img src="{{skin url='images/pic-1. All rights reserved.png}}" alt="" /> <p class="title">Business Destop PC</p> <div class="cls_desc">Combines a solid-state hard drive. ● The heading banner for every slideshow column. ● You can custom html structure in slideshow In the backend.EM0006 . Show here with an optional integrated work center. <div class="cls_btn"><a href="#"><img src="{{skin url='images/ btn_prodetail.png}}" border="0" alt="" /></a> <a href="#"><img src="{{skin url='images/btn_buynow.. Now click on slideshow to edit.

a smaller footprint and energy-efficient features with a long lifecycle and image stability for up to 15 months.png}}" border="0" alt="" /></a> <a href="#"><img src="{{skin url='images/btn_buynow. ....jpg}}" alt="" / ></div> </div> </div> </div> <div id="section3" class="section"> <div class="banned_slide"><img src="{{skin url='images/pic-3.png}}" Copyright © 2010 EMThemes. Show here with an optional integrated work center.png}}" alt="" /> <p class="title">Business Destop PC</p> <div class="cls_desc">Combines a solid-state hard drive.Magento Theme for Computer store </div> </div> <div id="section2" class="section"> <div class="banned_slide"><img src="{{skin url='images/pic-2.png}}" border="0" alt="" /></a></ div> </div> <div class="cls_current"><img src="{{skin url='images/ i_current2. <div class="cls_btn"><a href="#"><img src="{{skin url='images/ btn_prodetail. Show here with an optional integrated work center. All rights reserved.EM0006 .png}}" border="0" alt="" /></a></ div> </div> <div class="cls_current"><img src="{{skin url='images/ i_current3.png}}" alt="" align="right" /> <div class="banned_slide_content"><img src="{{skin url='images/ proname.png}}" border="0" alt="" /></a> <a href="#"><img src="{{skin url='images/btn_buynow.jpg}}" alt="" / ></div> </div> </div> </div> <div id="section4" class="section"> <div class="banned_slide"><img src="{{skin url='images/pic-4..png}}" alt="" /> <p class="title">Business Destop PC</p> <div class="cls_desc">Combines a solid-state hard drive. <div class="cls_btn"><a href="#"><img src="{{skin url='images/ btn_prodetail. a smaller footprint and energy-efficient features with a long lifecycle and image stability for up to 15 months.png}}" alt="" align="right" /> <div class="banned_slide_content"><img src="{{skin url='images/ proname.

each slide is put in a <div id="section(n)" class="section"></div> You can change or custom html each slide if you want. All rights reserved.png}}" border="0" alt="" /></a></div> </div> <div class="cls_current"><img src="{{skin url='images/ i_current4...jpg}}" alt="" / ></div> </div> </div> </div> </div> </div> </div> </div> As you see. Show here with an optional integrated work center. edit Extra Links: <ul class="cms_footer_links"> <li> <a href="{{store direct_url="about-magento-demo-store"}}">About Us</a> </li> <li> <a href="{{store direct_url="customer-service"}}">Customer Service</a> </li> </ul> Copyright © 2010 EMThemes.png}}" border="0" alt="" /></a> <a href="#"><img src="{{skin url='images/btn_buynow.png}}" alt="" /> <p class="title">Business Destop PC</p> <div class="cls_desc">Combines a solid-state hard drive. <div class="cls_btn"><a href="#"><img src="{{skin url='images/ btn_prodetail. .EM0006 . You can edit from the backend -> CMS -> Static Blocks.Magento Theme for Computer store alt="" align="right" /> <div class="banned_slide_content"><img src="{{skin url='images/ proname. Change Extra Links In Footer This theme comes with an extra menu. a smaller footprint and energy-efficient features with a long lifecycle and image stability for up to 15 months.

gif}}" alt="" width="50" height="30" /> <img class="hand" title="Cirrus" src="{{skin url='images/icon_cirrus.gif}}" alt="" width="50" height="30" /> <img class="hand" title="MasterCard" src="{{skin url='images/icon_mastercard.gif}}" alt="" width="86" height="14" /> <div> <img class="hand" title="PayPal" src="{{skin url='images/icon_paypal. edit payment_footer Add: <img src="{{skin url='images/payment_accept.gif}}" alt="" width="50" height="30" /> <img class="hand" title="VISA" src="{{skin url='images/icon_visa. edit col_ship: <p><img style="vertical-align: middle. All rights reserved.gif}}" alt="" /><label> free shipping on order over $799.Magento Theme for Computer store Change Free Shipping text To change this promotion text. go to the backend CMS -> Static Blocks. go to the backend CMS -> Static Blocks.00</ label></p> Display payment accept icons To change this promotion text." src="{{skin url='images/icons/ i_ship.EM0006 .gif}}" alt="" width="50" height="30" /> <img class="hand" title="AmericanExpress" Copyright © 2010 EMThemes. .

All rights reserved. you can add up to 4 <ul>. Charges</a></li> <li><a href="#">Product Recall</a></li> </ul> </div> Each <ul> markup is a menu column. edit cms_footer_link_top or create new if it doesn’t exist: <div class="col col-1"> <ul> <li><a href="#">Careers</a></li> <li><a href="#">Investor Relations</a></li> </ul> </div> <div class="col col-1"> <ul> <li><a href="#">Nordstrom Rack</a></li> <li><a href="#">Store Locations &amp. . Events</a></li> </ul> </div> <div class="col col-1"> <ul> <li><a href="#">Check Order Status</a></li> <li><a href="#">Returns &amp.EM0006 .Magento Theme for Computer store src="{{skin url='images/icon_americanexpress. Exchanges</a></li> </ul> </div> <div class="col col-1"> <ul> <li><a href="#">Shipping Options &amp. Change Top Banner Copyright © 2010 EMThemes.gif}} alt="" width="50" height="30" /> </div> Change Footer links This footer links can be changed in the backend. Go to CMS -> Static Blocks.

gif}}" alt="" width="311" height="147" /> <img src="{{skin url='images/img_new2. Go to CMS -> Static Blocks. edit top_image or create new if it doesn’t exist: <div> <img src="{{skin url='images/img_new1.gif}}" alt="" width="319" height="147" /> <img src="{{skin url='images/img_new3. .gif}}" alt="" width="319" height="147" /> <img src="{{skin url='images/img_new3.gif}}" alt="" width="319" height="147" /> </div> Homepage Featured Products Catalog > Featured Products: Copyright © 2010 EMThemes. Go to CMS -> Static Blocks.gif}}" alt="" width="311" height="147" /> <img src="{{skin url='images/img_new2.Magento Theme for Computer store This footer links can be changed in the backend.gif}}" alt="" width="319" height="147" /> </div> Change Logo Custimize This footer links can be changed in the backend.EM0006 . edit customize_right or create new if it doesn’t exist: <div> <img src="{{skin url='images/img_new1. All rights reserved.

EM0006 .Magento Theme for Computer store Check products you want to display and press “save featured products” Configure featured product : Go to the backend -> System-> Configuration -> Catalog-> Select tab “Featured Products” Copyright © 2010 EMThemes. . All rights reserved.

zip to em0006-lightbox/.EM0006 .css skin/frontend/em0006/default/js/lightbox. All rights reserved.Magento Theme for Computer store Config for homepage: ● Number Of Items in Main Block.phtml skin/frontend/em0006/default/css/lightbox. ● Number Of Items per row in Main Block. You should see these files in the directory: app/design/frontend/em0006/default/template/catalog/product/view/ media_lightbox.gif skin/frontend/em0006/default/images/close. Install lightbox effect on product detail page Step 1: Download and extract em0006-lightbox.phtml app/design/frontend/em0006/default/template/page/html/head. .gif Copyright © 2010 EMThemes.js skin/frontend/em0006/default/images/bullet.

..css</ name></action> The complete code will look like: <block type="page/html_head" name="head" as="head"> .js</ name></ action> <action method="addItem"><type>skin_css</type><name>css/lightbox.xml. All rights reserved. Edit app/design/frontend/em0006/default/layout/page.gif skin/frontend/em0006/default/images/nextlabel. www... <action method="addItem"><type>skin_js</type><name>js/lightbox. .css</ name></action> </block> Copyright © 2010 EMThemes.).gif Step 2: Copy all files from em0006-lightbox/* to your web public directory (public_html.gif skin/frontend/em0006/default/images/prevlabel.Magento Theme for Computer store skin/frontend/em0006/default/images/closelabel..xml. Search and replace media.. Step 3: Edit app/design/frontend/em0006/default/layout/catalog. Find: <block type="page/html_head" name="head" as="head"> .gif skin/frontend/em0006/default/images/loading.phtml by media_lightbox.EM0006 . or htdocs. </block> Insert the code below before </block> <action method="addItem"> type>skin_js</type><name>js/lightbox.js</ name></ action> <action method="addItem"><type>skin_css</type><name>css/lightbox.phtml.

Sign up to vote on this title
UsefulNot useful