Krista Slider

Home page Krista slider

Main settings

Image size: : 742 * 325 (px)
Slider width: 990(px)
Slider heigh: 340(px)

Sidebar Krista slider

Main settings

Slider width: 228px

clear

Category Krista slider

Main settings

Width: 690px

clear

How toes

How to create slider (Web-Experiment.info guide)
How to insert slider (Web-Experiment.info guide)
How to insert slider into category page (Web-Experiment.info guide)
Krista slider settings

clear

Home page Krista slider settings

Magento Slider Manager - Krista slider

Slide parameters

Magento Slider Manager - Krista slider

How to insert slider into Home page. First, copy slider code. Goto CMS --> Static Blocks and select home_page_header_block to edit. Put cursor to the place and then paste slider code.

home_page_header_block Html:

<div class="adv clearfix"> <div class="adv_left">SLIDER CODE GOES HERE</div> <div class="adv_right"><a title="" href="#"><img src="{{media url="hightech/magento_template.jpg"}}" alt="" /></a></div> <div class="adv_bt"><a title="" href="#"><img src="{{media url="hightech/magento_theme.jpg"}}" alt="" /></a></div> </div> <div class="home-block-banners clearfix"> <div class="first_row clearfix"> <div class="title clearfix"><a href="#"> <span class="first">Computers</span> </a><a href="#"> <span>Laptops</span> </a><a href="#"> <span>Display's &amp; TVs</span> </a><a href="#"> <span class="last">Digital Cameras</span> </a></div> <div style="clear: both;"><a href="#"><img src="{{media url="hightech/small-banner-1.jpg"}}" alt="Magento Template" /></a> <a href="#"><img src="{{media url="hightech/small-banner-2.jpg"}}" alt="" /></a> <a href="#"><img src="{{media url="hightech/small-banner-3.jpg"}}" alt="" /></a> <a href="#"><img class="last" src="{{media url="hightech/small-banner-4.jpg"}}" alt="Magento Template" /></a></div> <div style="clear: both; z-index: 99;"> <div class="first-row-buttons"><button class="button btn-viewall" title="View All"><span><span>View all </span></span></button></div> <div class="first-row-buttons"><button class="button btn-viewall" title="View All"><span><span>View all</span></span></button></div> <div class="first-row-buttons"><button class="button btn-viewall" title="View All"><span><span>View all</span></span></button></div> <div class="first-row-buttons"><button class="button btn-viewall" title="View All"><span><span>View all</span></span></button></div> </div> </div> {{block type="catalog/product_popular" template="catalog/product/home-slider.phtml" category_id="1"}}</div>

Magento Slider Manager - Standard slider

Go top ˆ

Krista Slider

Add a new dimension to your life

Total Slider Manager

Home page Krista slider

Main settings

Sidebar Krista slider

Main settings

Category Krista slider

Main settings

How toes

Home page Krista slider settings

How to insert slider into Home page. First, copy slider code. Goto CMS --> Static Blocks and select home_page_header_block to edit. Put cursor to the place and then paste slider code.

Contact Us