Вы находитесь на странице: 1из 43

Blanco

Magento Theme Instructions

8theme

Blanco Magento Theme Instructions

Table of Contents
Introduction....3 Features.....4 Installation & Configuration.......................5 Uploading Blanco.............................6 Homepage.................................................10 Adding Content..........................................14 The SlideShow............................................17 Footer.........................................................20 Follow Us....................................................23 HTML Blocks...............................................29 Theme Option...35 Using Magento...........................................40

8theme

Blanco Magento Theme Instructions

Introduction
We are happy to present our new Blanco Magento Template with integrated online payment facility. We have done our best in bringing perfect color combination and jQuery banners to attract an attention of new customers to your online store. We used drop-down menus with transparency effects it is easier for customers to search the store, which will save them time and will make it quicker to find and buy the desired item. We have used the latest technologies and our highly qualified designers used their knowledge and experience for developing this product so that our customers could obtain satisfying return on their investment. This template basically is a quick and easy way to set up and develop your online business independently.

8theme

Blanco Magento Theme Instructions

Features
Highlight Features AJAX Add to Cart Zoom to enlarge product images (Setting from Admin Panel) Product scrollbar (Setting from Admin Panel) Custom DropDown Menu Custom SlideShow Back to top button (Setting from Admin panel) Social networks bookmarks (Setting from Admin panel) Frontpage New and Sale Products Scroll Panel General Features Template is fully compatible with magento verion: 1.6.x.x, 1.7.x.x PSDs file supplied, easy to edit SEO (Search Engine Optimization)-orient in design and development, fast loading 100% Tableless design. 100% HTML /CSS/DIV compliance Valid XHTML and CSS markup Well-structured and commented HTML & CSS for easy customization Cross Browser Support (IE 8+, Safari, Mozilla Firefox, Chrome, Opera 9+)
8theme
4

Blanco Magento Theme Instructions

Installation & Configuration


Thank you for purchasing the Blanco Magento Theme! In this document, you will find step-by-step instructions for installing and using Blanco. System Requirements Blanco only supports Magento Community Edition 1.6.0.0, 1.6.1.1, 1.6.2.0 and 1.7.0.0 which can be downloaded from http://www.magentocommerce.com/download. It does not support Magento Enterprise Edition and Magento GO. Before downloading Magento, make sure you meet the system requirements and test the compatibility of your server. For help with installing Magento, please refer to the following links: Magento System Requirements

Server Compatibility Check Magento Installation Guide

8theme

Blanco Magento Theme Instructions

Installation & Configuration


Uploading Blanco
Before you begin the Blanco installation process, we recommend to back up your Magento installation and database. To upload Blanco to Magento: 1. Unzip the downloaded Blanco folder. 2. Using an FTP client, copy the app, js, media and skin folders to the Magento softwares root directory. If you are working with a Mac, please make sure you are merging the new folders with Magento and not replacing the Magento directory. 3. Log in to the Magento admin panel. 4. Go to 'System > Configuration'. Click Design on the left-hand menu. 5. Under HTML Head, find the Default field and type Blanco.

8theme

Blanco Magento Theme Instructions

Installation & Configuration

6. Scroll down to the Header section. In the Logo Image Scr field, type images/logo.gif. This is a sample logo that can be replaced with your own by uploading the file to the server and entering the new URL in this field.
8theme
7

Blanco Magento Theme Instructions

Installation & Configuration


7. You can also enter an alt attribute for the logo in Logo Image Alt and a welcome message in Welcome Text. The welcome message will appear to the right of the logo at the very top of the page. 8. Scroll back to the top of the page and click the Save Config button. 9. Next, go to 'System > Cache Management' from the top navigation menu. You will need to clear the store cache and all cookies. 10. Click Select All on the left side of the page. On the right side, select Refresh in the Actions dropdown menu and click the Submit button. 11. Finally, click the following buttons (in orange): Flush Magento Cache, Flush Cache Storage, Flush JavaScript/CSS Cache, and Flush Catalog Images Cache (optional). Now you are ready to add content to your website.

8theme

Blanco Magento Theme Instructions

Installation & Configuration


Categories and products
As to how properly create categories and products you need to go to the link and watch the video carefully http://www.youtube.com/watch?v=L4VN66Bjsfs

8theme

Blanco Magento Theme Instructions

The Homepage
This section will help you create Blanco homepage:

8theme

10

Blanco Magento Theme Instructions

The Homepage
Setting the Page Layout 1. Select the homepage from 'CMS > Pages'. 2. If you havent done this already, enter a name for the page in Page Title and a fill in the URL Key field. 3. Select Enabled in the Status drop-down menu. 4. Click the Save Page button.

8theme

11

Blanco Magento Theme Instructions

The Homepage
5. Select Design from the left-hand menu. The following page will appear: 6. Select 1 column from the Layout drop-down menu.

7. In the Layout Update XML box, either remove the existing content or add the following comment tag around the existing content:
<!--<reference name="content"> <block type="catalog/product_new" (existing HTML code is here) -->

8. Click the Save Page button.

8theme

12

Blanco Magento Theme Instructions

The Homepage
Adding Content
To add content to your homepage: 1. Under 'CMS > Pages', click on the homepage. 2. In the left-hand menu, click Content. 3. Click the Show / Hide Editor button to leave WYSIWYG mode and open the content editor.

4. Copy and paste the following code into the content editor to create the homepage:

8theme

13

Blanco Magento Theme Instructions

Homepage
Adding Content
<div id="banner-rotator" class="royalSlider default"> <ul class="royalSlidesContainer"> <li class="royalSlide"> <img class="royalImage" src="{{media url="wysiwyg/blanco/slide.png"}}" alt="" /> <div class="royalCaption" style="left: 64%; top: 50px; width: 300px; color: #eaeaed;"> <div class="royalCaptionItem " style="right: 20px;"><img src="{{media url="wysiwyg/blanco/new_in1.png"}}" alt="" /></div> <div class="royalCaptionItem sgMidText" style="left: 0; top: 60px;"><img src="{{media url="wysiwyg/blanco/text1.png"}}" alt="" /></div> <div class="royalCaptionItem sgSmallText " style="left: 95px; top: 104px;"><a class="tintButton non-draggable" href="/demo/blanco/furniture.html">Button Example</a></div> </div> </li> <li class="royalSlide"> <img class="royalImage" src="{{media url="wysiwyg/blanco/slide1.png"}}" alt="" /> <div class="royalCaption" style="left: 64%; top: 50px; width: 300px; color: #eaeaed;"> <div class="royalCaptionItem " style="right: 20px;"><img src="{{media url="wysiwyg/blanco/new_in2.png"}}" alt="" /></div> <div class="royalCaptionItem sgMidText" style="left: 0; top: 60px;"><img src="{{media url="wysiwyg/blanco/text2.png"}}" alt="" /></div> <div class="royalCaptionItem sgSmallText " style="left: 95px; top: 104px;"><a class="tintButton non-draggable" href="/demo/blanco/furniture.html">Button Example</a></div> </div> </li> <li class="royalSlide"> <img class="royalImage" src="{{media url="wysiwyg/blanco/slide2.png"}}" alt="" /> <div class="royalCaption" style="left: 64%; top: 50px; width: 300px; color: #eaeaed;">

Code continues on the next page...


8theme
14

Blanco Magento Theme Instructions

<div class="royalCaptionItem " style="right: 20px;"><img src="{{media url="wysiwyg/blanco/new_in3.png"}}" alt="" /></div> <div class="royalCaptionItem sgMidText" style="left: 0; top: 60px;"><img src="{{media url="wysiwyg/blanco/text3.png"}}" alt="" /></div> <div class="royalCaptionItem sgSmallText " style="left: 95px; top: 104px;"><a class="tintButton non-draggable" href="/demo/blanco/furniture.html">Button Example</a></div> </div> </li> <li class="royalSlide"> <img class="royalImage" src="{{media url="wysiwyg/blanco/slide3.png"}}" alt="" /> <div class="royalCaption" style="left: 64%; top: 50px; width: 300px; color: #eaeaed;"> <div class="royalCaptionItem " style="right: 20px;"><img src="{{media url="wysiwyg/blanco/new_in4.png"}}" alt="" /></div> <div class="royalCaptionItem sgMidText" style="left: 0; top: 60px;"><img src="{{media url="wysiwyg/blanco/text4.png"}}" alt="" /></div> <div class="royalCaptionItem sgSmallText " style="left: 95px; top: 104px;"><a class="tintButton non-draggable" href="/demo/blanco/furniture.html">Button Example</a></div> </div> </li> <li class="royalSlide"> <img class="royalImage" src="{{media url="wysiwyg/blanco/slide4.png"}}" alt="" /> <div class="royalCaption" style="left: 64%; top: 50px; width: 300px; color: #eaeaed;"> <div class="royalCaptionItem " style="right: 20px;"><img src="{{media url="wysiwyg/blanco/new_in5.png"}}" alt="" /></div> <div class="royalCaptionItem sgMidText" style="left: 0; top: 60px;"><img src="{{media url="wysiwyg/blanco/text5.png"}}" alt="" /></div> <div class="royalCaptionItem sgSmallText " style="left: 95px; top: 104px;"><a class="tintButton non-draggable" href="/demo/blanco/furniture.html">Button Example</a></div> </div></li></ul></div> <div class="home-text"><img src="{{media url="wysiwyg/blanco/b1.jpg"}}" alt="" /><a class="readmore" href="/demo/blanco/man.html">Shop Now</a></div> <div class="home-text last"><img src="{{media url="wysiwyg/blanco/b2.jpg"}}" alt="" /><a class="readmore" href="/demo/blanco/accessories.html">Shop Now</a></div> <div class="clear">

Code continues on the next page...

8theme

15

Blanco Magento Theme Instructions

<h2 style="float: left; margin-bottom: 5px; margin-top: 3px; border-bottom: 1px solid #efefef; color: #818181;">New items</h2> <div class="clear" style="height: 0;">&nbsp;</div> {{block type="catalog/product_new" name="blanco.catalog.product.new" alias="product_homepage" template="catalog/product/new.phtml"}}</div> <div class="clear"> <h2 style="float: left; margin-bottom: 5px; margin-top: 13px; border-bottom: 1px solid #efefef; color: #818181;">Sale items</h2> <div class="clear" style="height: 0;">&nbsp;</div> {{block type="catalog/product_special" name="blanco.catalog.product.special" alias="product_homepage" template="catalog/product/special.phtml"}}</div>

Click the Save Page button.

8theme

16

Blanco Magento Theme Instructions

Homepage
Slideshow
The slideshow on the homepage is a jQuery slider. Below is the code that generates the slider:

1.<div id="banner-rotator" class="royalSlider default"> 2.<ul class="royalSlidesContainer"> 3.<li class="royalSlide"> <img class="royalImage" src="{{media url="wysiwyg/blanco/slide.png"}}" alt="" /> 4.<div class="royalCaption" style="left: 64%; top: 50px; width: 300px; color: #eaeaed;"> 5.<div class="royalCaptionItem " style="right: 20px;"><img src="{{media url="wysiwyg/blanco/new_in1.png"}}" alt="" /> 6.</div> 7.<div class="royalCaptionItem sgMidText" style="left: 0; top: 60px;"><img src="{{media url="wysiwyg/blanco/text1.png"}}" alt="" /> 8.</div> 9.<div class="royalCaptionItem sgSmallText " style="left: 95px; top: 104px;"><a class="tintButton non-draggable" 10.href="/demo/blanco/furniture.html">Button Example</a></div> 11.</div> 12.</li>

8theme

17

Blanco Magento Theme Instructions

Homepage
Slideshow
Key lines of code are explained below. Line 1: The div class for the slider, <div id="banner-rotator" class="royalSlider default"></div>. Lines 5: elemHover caption fromTop elemToHide slide-head Is responsible for the upper sign "New Collection". Line 7: elemHover caption fromBottom elemToHide slide-slogan Is responsible for the main slide text. Line 9-10: elemHover caption fromRight elemToHide slide-button is responsible for the slide button. Here you can name your button.

The slideshows dimensions are 960 x 400 pixels. If you change the sliders dimensions, please make sure to change CSS and JavaScript accordingly.

8theme

18

Blanco Magento Theme Instructions

Homepage
Slideshow

8theme

19

Blanco Magento Theme Instructions

Footer
Footer Links
At the bottom of every page there is a footer with links (usually to other pages on the Web site) and the companys contact and copyright information. These sections are modified in different parts of the Magento admin. First, lets look at how to add the footer links, which are in a static block. To add footer links: 1. Go to 'CMS > Static Blocks'. Select Footer Links from the list. The identifier should be footer_links. 2. You will come to the following screen:

8theme

20

Blanco Magento Theme Instructions

Footer
Footer Blocks and Payment Information
This footer blocks can be changed in the backend. Go to 'CMS -> Static Blocks', edit footer_shipping or create new if it doesnt exist:
<div class="shippingreturns"> <div class="shippingpolicy" style="width: 140px; float: left;"> <h4 style="font-weight: none !important;">Our Offers</h4> <ul class="policy"> <li><a href="#">New products</a></li> <li><a href="#">Top sellers</a></li> <li><a href="#">Specials</a></li> <li><a href="#">Manufacturers</a></li> <li><a href="#">Suppliers</a></li> <li><a href="#">Specials</a></li> <li><a href="#">Service</a></li> </ul> </div> <div class="shippingpolicy" style="width: 150px; float: left;"> <h4 style="font-weight: none !important;">Shipping Info</h4> <ul class="policy">

Code continues on the next page...


8theme
21

Blanco Magento Theme Instructions

<li><a href="#">Returns</a></li> <li><a href="#">Delivery</a></li> <li><a href="#">Service</a></li> <li><a href="#">Gift Cards</a></li> <li><a href="#">Mobile</a></li> <li><a href="#">Gift Cards</a></li> <li><a href="#">Manufacturers</a></li></ul></div> <div class="shippingpolicy" style="width: 150px; float: left;"> <h4 style="font-weight: none !important;">Our Account</h4> <ul class="policy"> <li><a href="#">Your Account</a></li> <li><a href="#">information</a></li> <li><a href="#">Addresses</a></li> <li><a href="#">Discount</a></li> <li><a href="#">Orders history</a></li> <li><a href="#">Addresses</a></li> <li><a href="#">Search Terms</a></li></ul></div> <div class="shippingpolicy" style="width: 150px; float: left;"> <h4 style="font-weight: none !important;">Our Support</h4> <ul class="policy"> <li><a href="#">Site Map</a></li> <li><a href="#">Search Terms</a></li> <li><a href="#">Advanced Search</a></li> <li><a href="#">Mobile</a></li> <li><a href="#">Contact Us</a></li> <li><a href="#">Mobile</a></li> <li><a href="#">Addresses</a></li></ul></div></div>

Click the Save Page button.


8theme
22

Blanco Magento Theme Instructions

Footer
Follow Us
This product additional information blocks can be changed in the backend. Go to 'CMS -> Static Blocks', edit follow_us or create new if it doesnt exist:
<div style="border-top: 1px solid #efefef; padding: 12px 0 0 0;"> <p class="follow_us">Follow Us:</p> <p class="left"><a class="facebook" href=" http://feedburner.com">&nbsp;</a> <a class="twitter" href="http://twitter.com">&nbsp;</a> <a class="rss" href="http://www.facebook.com">&nbsp;</a></p> <div style="float: left; border-left: 1px solid #efefef; border-right: 1px solid #efefef; padding: 0 50px; margin: 0 0 0 100px;"><img src="{{media url="wysiwyg/blanco/gift.png"}}" alt="" /></div> <div class="phone"><img src="{{media url="wysiwyg/blanco/telephone.png"}}" alt="" /></div> </div>

Click the Save Page button.

8theme

23

Blanco Magento Theme Instructions

Footer
Footer Additional Information
This product additional information blocks can be changed in the backend. Go to 'CMS -> Static Blocks', edit verifi or create new if it doesnt exist:

<div style="padding-top: 2px;"><img src="{{media url="wysiwyg/blanco/paypal.png"}}" alt="paypal" />&nbsp;&nbsp; &nbsp;<img src="{{media url="wysiwyg/blanco/discover.png"}}" alt="discover" />&nbsp; &nbsp;&nbsp;<img src="{{media url="wysiwyg/blanco/visa_straight.png"}}" alt="visa_straight" />&nbsp; &nbsp;&nbsp;<img src="{{media url="wysiwyg/blanco/aex.png"}}" alt="aex" />&nbsp; &nbsp;&nbsp;<img src="{{media url="wysiwyg/blanco/mastercard.png"}}" alt="mastercard" />&nbsp;&nbsp; &nbsp;<img src="{{media url="wysiwyg/blanco/maestro.png"}}" alt="maestro" /> </div>

Click the Save Page button.

8theme

24

Blanco Magento Theme Instructions

Footer
Footer Time
This product additional information blocks can be changed in the backend. Go to 'CMS -> Static Blocks', edit footer_time or create new if it doesnt exist:
<h4 style="padding-top: 17px;"><span>Opening time:</span></h4> <address><span style="color: #888888; font-size: 11px;">Mon-Fri: .......................... 8.00 to 18.00</span></address><address><span style="color: #888888; font-size: 11px;">Sat: ................................ 9.00 to 18.00</span></address><address><span style="color: #888888; font-size: 11px;">Sun: ............................. 10.00 to 16.00</span> </address>

Click the Save Page button.

8theme

25

Blanco Magento Theme Instructions

Product page
Product Additional Information
This product additional information blocks can be changed in the backend. Go to 'CMS -> Static Blocks', edit productview or create new if it doesnt exist:

<p><img style="margin-bottom: 15px;" src="{{media url="wysiwyg/blanco/bp1.png"}}" alt="" /> <img src="{{media url="wysiwyg/blanco/bp2.png"}}" alt="" /></p>

Click the Save Page button.

8theme

26

Blanco Magento Theme Instructions

Navigation Custom Block


This navigation custom blocks can be changed in the backend. Go to 'CMS -> Static Blocks', edit nav_block1 or create new if it doesnt exist:
<ul class="blocklist"> <li class="level1 nav-1-1 first parent"> <a href="http://8theme.com/demo/blanco/furniture/living-room.html"> <span>DRESSES</span> </a> <ul class="level1"> <li class="level2 nav-1-1-1 first"> <a href="http://8theme.com/demo/blanco/furniture/living-room/cocktail.html"> <span>Cocktail</span> </a> </li> <li class="level2 nav-1-1-2"> <a href="http://8theme.com/demo/blanco/furniture/living-room/day.html"> <span>Day</span> </a> </li> <li class="level2 nav-1-1-3"> <a href="http://8theme.com/demo/blanco/furniture/living-room/evening.html"> <span>Evening</span> </a> </li> <li class="level2 nav-1-1-4"> <a href="http://8theme.com/demo/blanco/furniture/living-room/sundresses.html"> <span>Sundresses</span> </a> </li> <li class="level2 nav-1-1-5"> <a href="http://8theme.com/demo/blanco/furniture/living-room/sweater.html"> <span>Sweater</span> </a> </li> <li class="level2 nav-1-1-6"> <a href="http://8theme.com/demo/blanco/furniture/living-room/belts.html"> <span>Belts</span> </a> </li> <li class="level2 nav-1-1-7"> <a href="http://8theme.com/demo/blanco/furniture/living-room/blouses-and-shirts.html"> <span>Blouses and Shirts</span> </a> </li> <li class="level2 nav-1-1-8 last"> <a href="http://8theme.com/demo/blanco/furniture/living-room/t-shirts.html"> <span>T-Shirts</span> </a> </li> </ul> </li> <li class="level1 nav-1-5 last parent"> <a href="http://8theme.com/demo/blanco/furniture/lingerie.html"> <span>LINGERIE</span> </a> <ul class="level1"> <li class="level2 nav-1-5-27 first"> <a href="http://8theme.com/demo/blanco/furniture/lingerie/briefs.html"> <span>Briefs</span> </a> </li> <li class="level2 nav-1-5-28"> <a href="http://8theme.com/demo/blanco/furniture/lingerie/camis.html"> <span>Camis</span> </a> </li> <li class="level2 nav-1-5-29"> <a href="http://8theme.com/demo/blanco/furniture/lingerie/nightwear.html"> <span>Nightwear</span> </a> </li> <li class="level2 nav-1-5-30 last"> <a href="http://8theme.com/demo/blanco/furniture/lingerie/shapewear.html"> <span>Shapewear</span> </a> </li> </ul> </li>

Code continues on the next page...


8theme
27

Blanco Magento Theme Instructions

<li class="level1 nav-3-3 parent over"> <a class="over" href="http://8theme.com/demo/blanco/apparel/hoodies.html"> <span>Footwear Womens</span> </a> <ul class="level1 shown-sub"> <li class="level2 nav-3-3-14 first"> <a href="http://8theme.com/demo/blanco/apparel/hoodies/boots.html"> <span>Boots</span> </a> </li> <li class="level2 nav-3-3-15"> <a href="http://8theme.com/demo/blanco/apparel/hoodies/slippers-clogs.html"> <span>Slippers and Clogs</span> </a> </li> <li class="level2 nav-3-3-16"> <a href="http://8theme.com/demo/blanco/apparel/hoodies/flats.html"> <span>Flats</span> </a> </li> <li class="level2 nav-3-3-17"> <a href="http://8theme.com/demo/blanco/apparel/hoodies/sneakers.html"> <span>Sneakers</span> </a> </li> <li class="level2 nav-3-3-18 over"> <a class="over" href="http://8theme.com/demo/blanco/apparel/hoodies/wedges-heels.html"> <span>Wedges and Heels</span> </a> </li> <li class="level2 nav-3-3-19"> <a href="http://8theme.com/demo/blanco/apparel/hoodies/sandals-flip-flops.html"> <span>Sandals and Flip Flops</span> </a> </li> <li class="level2 nav-3-3-20 last"> <a href="http://8theme.com/demo/blanco/apparel/hoodies/brands-we-love.html"> <span>Brands We Love</span> </a> </li> </ul> </li> </ul> <div class="nav-demo-block right"> <h3 style="margin-top: -5px;">Custom HTML</h3> <img style="float: left; margin: 0 20px 10px 0;" src="{{media url="wysiwyg/blanco/magento.png"}}" alt="" />Ultricies sociis ut vel parturient! Tempor! Nec quis turpis placerat ac hac tincidunt, velit, vel sit mauris a, dolor, natoque enim! Etiam risus? Elit, adipiscing dignissim ut et risus sit placerat, penatibus tincidunt, diam sed dignissim rhoncus mus lectus, penatibus arcu sit in mattis porta placerat. Ultricies velit odio. Vel? Aliquam nunc dolor! Nisi, cras, nunc, et auctor? Augue facilisis! Augue eu dis platea sed, placerat hac pid, lectus dapibus turpis in tincidunt arcu rhoncus auctor. Sit duis nascetur vut! Pulvinar egestas, aenean, sagittis odio enim magna, etiam platea nec lundium, nisi, mauris porttitor elementum a, tempor turpis.</div>

Click the Save Page button.

8theme

28

Blanco Magento Theme Instructions

HTML Block
This navigation custom blocks can be changed in the backend. Go to 'CMS -> Static Blocks', edit left_block_without_design1 or create new if it doesnt exist:
<div class="left_banner" style="padding-top: 15px; background-color: white;"><img src="{{media url="wysiwyg/blanco/page_banner.png"}}" alt="" /></div>

Click the Save Page button.

8theme

29

Blanco Magento Theme Instructions

HTML Block
This Editable in Admin blocks can be changed in the backend. Go to 'CMS -> Static Blocks', edit left_block3 or create new if it doesnt exist:
<div class="category-block-2-content" style="border-bottom: 1px solid #efefef;"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </div> <div class="category-block-2-txt" style="margin-top: 10px;"> <p>You can add this block from admin panel via CMS - Blocks</p> </div>

Click the Save Page button.

8theme

30

Blanco Magento Theme Instructions

HTML Block
This HTML blocks can be changed in the backend. Go to 'CMS -> Static Blocks', edit right_block_without_design1 or create new if it doesnt exist:

<p><img src="{{media url="wysiwyg/blanco/page_banner2.png"}}" alt="" /></p>

Click the Save Page button.

8theme

31

Blanco Magento Theme Instructions

HTML Tab
This HTML Tab without design blocks can be changed in the backend. Go to 'CMS -> Static Blocks', edit product_custom_tab or create new if it doesnt exist:
<div class="left" style="width: 425px; padding-right: 20px; margin-right: 20px; border-right: 1px solid #efefef;"> <h3 style="margin-top: -5px;">Custom HTML</h3> <img style="float: left; margin: 0 20px 10px 0;" src="http://8theme.com/demo/blanco/media/wysiwyg/blanco/magento.png" alt="" />Ultricies sociis ut vel parturient! Tempor! Nec quis turpis placerat ac hac tincidunt, velit, vel sit mauris a, dolor, natoque enim! Etiam risus? Elit, adipiscing dignissim ut et risus sit placerat, penatibus tincidunt, diam sed dignissim rhoncus mus lectus, penatibus arcu sit in mattis porta placerat. Ultricies velit odio. Vel? Aliquam nunc dolor! Nisi, cras, nunc, et auctor? Augue facilisis! Augue eu dis platea sed, placerat hac pid, lectus dapibus turpis in tincidunt arcu rhoncus auctor. Sit duis nascetur vut! Pulvinar egestas, aenean, sagittis odio enim magna, etiam platea nec lundium, nisi, mauris porttitor elementum a, tempor turpis.</div> <div class="right" style="width: 460px;"> <h3 style="margin-top: -5px;">Custom HTML</h3> <img style="float: left; margin: 0 20px 10px 0;" src="http://8theme.com/demo/blanco/media/wysiwyg/blanco/magento.png" alt="" />Ultricies sociis ut vel parturient! Tempor! Nec quis turpis placerat ac hac tincidunt, velit, vel sit mauris a, dolor, natoque enim! Etiam risus? Elit, adipiscing dignissim ut et risus sit placerat, penatibus tincidunt, diam sed dignissim rhoncus mus lectus, penatibus arcu sit in mattis porta placerat. Ultricies velit odio. Vel? Aliquam nunc dolor! Nisi, cras, nunc, et auctor? Augue facilisis! Augue eu dis platea sed, placerat hac pid, lectus dapibus turpis in tincidunt arcu rhoncus auctor. Sit duis nascetur vut! Pulvinar egestas, aenean, sagittis odio enim magna, etiam platea nec lundium, nisi, mauris porttitor elementum a, tempor turpis.</div> <div class="clear">&nbsp;</div>

Click the Save Page button.

8theme

32

Blanco Magento Theme Instructions

New Product Blocks


New arrivals product in this month on homepage Edit a product and set certain value for attributes Set Product as New from Date and Set Product as New to Date.

8theme

33

Blanco Magento Theme Instructions

Sale Product Blocks


Sale product in this month on homepage Go to product and chose Prices Tab, find Special Price and put the price for it, then put the values for Special Price From Date and for Special Price To Date and the product will be displayed on a home page

8theme

34

Blanco Magento Theme Instructions

Theme Options
For easing the template configuration it has been created small module. You can see the template configurations on the page 'System -> Configuration'. I have provided a few options, which you can manage from admin panel without editing template: 1. General Options
Menu type: Available Options: Wide Menu, Superfish Menu By Default: Wide Menu Additional Navigation Link: Available Options: Text By Default: Clearance Additional Navigation Link URL Available Options: Text By Default: # "Back to top" button Available Options: Enable, Disable By Default: Enable

2. Slideshow Options
Use Slideshow: Available Options: Enable, Disable By Default: Enable Speed: By Default: 5000 8theme
35

Blanco Magento Theme Instructions

Theme Options
3. Background Options
Background-color: Available Options: Text Background-image: Available Options: File Background-repeat Available Options: no-repeat, repeat-x, repeat-y By Default: select Background- attachment Available Options: fixed, scroll By Default: select Background-position (X) Available Options: left, center, right By Default: select Background-position (Y) Available Options: top, center, bottom By Default: select

4.Product List Page


Products per row: Available Options: 3, 4 By Default: 3 8theme
36

Blanco Magento Theme Instructions

Theme Options
Shopping options: Available Options: Opened, Collapsed By Default: Opened "Add to Wishlist" and "Add to Compare" buttons: Available Options: Opened, Collapsed By Default: Opened "New product" label: Available Options: Enable, Disable By Default: Enable "Product on sale" label: Available Options: Enable, Disable By Default: Enable

5.Product Page
Use zoom for product images: Available Options: Enable, Disable By Default: Enable Use product scrollbar: Available Options: Enable, Disable By Default: Enable

6. Share Options
Use Share Links: Available Options: Enable, Disable By Default: Enable 8theme
37

Blanco Magento Theme Instructions

Theme Options
Share Code: Available Options: Text By Default: <div style="clear: both;">&nbsp;</div> <div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_preferred_1"></a> <a class="addthis_button_preferred_2"></a> <a class="addthis_button_preferred_3"></a> <a class="addthis_button_preferred_4"></a> <a class="addthis_button_compact"></a> <a class="addthis_counter addthis_bubble_style"></a> </div> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa4ee497253584a61e"></script>

7. Colors
Background-color: Available Options: Text "Add to Cart" button hover: Available Options: Text

8theme

38

Blanco Magento Theme Instructions

Troubleshooting
1. I'm getting 404 not found when trying to open theme admin pages. Log out from Magento admin panel, clear the store cache under var/cache, and log in again. 2. After the extension installation the store gives an error, or blank page. Log out from Magento admin panel. Change the owner of the extracted extension files to the web server user and set 775 permissions on them. Clear the store cache and try again. 3. My configuration changes do not appear on the frontend. Clear the store cache under var/cache, clear all browser cookies for your store domain and refresh the page in your browser. 4. If you have more questions you need to make a request via our website and we will help you

8theme

39

Blanco Magento Theme Instructions

Using Magento
Helpful Resources
There are tutorials, articles, forums and screencasts to help you learn how to use Magento and its features. This section provides helpful links to instructions on commonly used Magento features, but you can learn even more by exploring these resources:

Knowledge Base Screencasts Magento Wiki Magento Forum

8theme

40

Blanco Magento Theme Instructions

Using Magento
Categories
To help customers browse your online store efficiently, you will most likely need to organize your products into categories and sub-categories. Please read the following documentation to learn how to create and manage categories.

Tutorial: Creating and Managing Categories Admin Panel > Categories > Manage Categories

8theme

41

Blanco Magento Theme Instructions

Using Magento
Adding Products to Your Online Store
You will, of course, need to know how to add products to your online store. The following links will help you set up, organize and manage your products, and add images and product descriptions.

Tutorial: Creating Products Magento Screencast: Creating a Simple Product Adding a New Product

8theme

42

Blanco Magento Theme Instructions

Additional Help
For more information on using Magento, please use the resources mentioned in the Using Magento section of this documentation. Thank you for purchasing Blanco for Magento!

8theme

43

Blanco Magento Theme Instructions