eros magento theme on zoopmobile

magento theme on zoopmobile 

eros theme this is setting 

choose 1 column cms >>pages>>home pages

here is code for slider and product

<div id="slide" style="float: left; margin: 0;">
<script type="text/javascript">// <![CDATA[
var image1=new Image()
image1.src="{{skin url=images/media/slideshow/1.jpg}}"
var image2=new Image()
image2.src="{{skin url=images/media/slideshow/2.jpg}}"
var image3=new Image()
image3.src="{{skin url=images/media/slideshow/3.jpg}}"
var image4=new Image()
image4.src="{{skin url=images/media/slideshow/4.jpg}}"
var image5=new Image()
image5.src="{{skin url=images/media/slideshow/5.jpg}}"
// ]]></script>
<a href="http://www.myhomendeco.com/index.php/bed-rooms.html"> <img src="{{skin url=images/1.jpg}}" alt="" name="slide" width="1160" height="600" border="2" /></a>
<script type="text/javascript">// <![CDATA[
//variable that will increment through the images
var step=1
function slideit(){
//if browser does not support the image object, exit.
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
if (step<=4)
step++
else
step=1
//call function "slideit()" every 2.5 seconds
setTimeout("slideit()",5000)
}
slideit()
// ]]></script>
</div>

Step 2: Go to below folder
skin/frontend/default/Your_theme/images/media/
create a folder(name:slideshow)
put 5 image files(give name 1.jpg,2.jpg,3.jpg,4.jpg,5.jpg)
and reload
-----------------------------------------------------------------------------------
In Eros theme
 header file
make header background black
C:\xampp\htdocs\aavik\magento\app\design\frontend\fed\default\template\page\html




header.phtml

<link href='http://fonts.googleapis.com/css?family=Alegreya+Sans' rel='stylesheet' type='text/css'>
<div class="row" style="background-color:#000000">



<div style="background-color:#000000">

    <div class="banner container">

        <?php echo $this->getChildHtml('topLinks')?>  

    </div>  

</div>

</div>



<div class="row" style="background-color:#e3e3e3">

<div class="container">

<div class="logo-head">

<div class="col-md-2">

    <div class="logo pull-left">

        <a href="<?php echo $this->getUrl(''); ?>">

        <img src="<?php echo $this->getLogoSrc(); ?>"/>

        </a>

    </div>  

   

</div>



<div class="col-md-10">

<div class="pull-right" style="padding-top:18px;">

    <?php echo $this->getChildHtml('topSearch') ?>

</div>



</div>

</div>

</div>

</div>



<!--Menu Section -->

<div class="row" style="background-color: #c82727;">

<div class="container">

  <?php echo $this->getChildHtml('topMenu'); ?>
 
  <?php echo $this->getChildHtml('megaMenu');?>

</div>

</div>

 ---------------------------------------------------------------------------------------


 catalog product is in 

make pduct backgrund black  cms>>page product background black

sort by hight correction 

C:\xampp\htdocs\aavik\magento\app\design\frontend\fed\default\template\catalog\product\list \toolbar.phtml

<?php
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2012 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
?>




<?php if($this->getCollection()->getSize()): ?>
<div class="toolbar">
  
   <div class="row">
      
    <div class="col-md-6">


<div class="sort-by" style="float:left;">

           <label style="margin:10px;"><?php echo $this->__('Sort By') ?></label>
            <select onchange="setLocation(this.value)">
            <?php foreach($this->getAvailableOrders() as $_key=>$_order): ?>
                <option value="<?php echo $this->getOrderUrl($_key, 'asc') ?>"<?php if($this->isOrderCurrent($_key)): ?> selected="selected"<?php endif; ?>>
                    <?php echo $this->__($_order) ?>
                </option>
            <?php endforeach; ?>
            </select>
        </div>



       
        <?php if( $this->isEnabledViewSwitcher() ): ?>
        <div class="view-mode" style="float:left">
            <?php $_modes = $this->getModes(); ?>
            <?php if($_modes && count($_modes)>1): ?>
            <label style="margin:10px;">&nbsp;&nbsp;&nbsp;&nbsp;<?php echo $this->__('View as') ?>:</label>
            <?php foreach ($this->getModes() as $_code=>$_label): ?>
               <?php if($this->isModeActive($_code)): ?>
                    <?php if($_code=="grid"): ?>
                    <a title="<?php echo $_label ?>" class="<?php echo strtolower($_code); ?> grid-mode-active"><span class="glyphicon glyphicon-th-large"></span></a>
                    <?php else: ?>
                    <a title="<?php echo $_label ?>" class="<?php echo strtolower($_code); ?> list-mode-active"><span class="glyphicon glyphicon-th-list"></span></a>
                    <?php endif; ?>
                <?php else: ?>
                    <a href="<?php echo $this->getModeUrl($_code) ?>" title="<?php echo $_label ?>" class="<?php echo strtolower($_code); ?>"><span class="glyphicon glyphicon-th-list"></span></a>
                <?php endif; ?>
            <?php endforeach; ?>
            <?php endif; ?>
 </div>
        <?php endif; ?>
       
    </div>
   
    <div class="col-md-6 show_box">
        <div class="pull-right">









 <div class="limiter">
            <label><?php echo $this->__('Show') ?></label>
            <select onchange="setLocation(this.value)">
            <?php foreach ($this->getAvailableLimit() as  $_key=>$_limit): ?>
                <option value="<?php echo $this->getLimitUrl($_key) ?>"<?php if($this->isLimitCurrent($_key)): ?> selected="selected"<?php endif ?>>
                    <?php echo $_limit ?>
                </option>
            <?php endforeach; ?>
            </select> <?php echo $this->__('per page') ?>
        </div>

           
        </div
        </div>
        <!--<div class="limiter show_box">
            <label class="x-small"><?php echo $this->__('Show') ?></label>
            <div class="show_pan">
                <span class="small">
            <?php foreach ($this->getAvailableLimit() as  $_key=>$_limit):
            if($this->isLimitCurrent($_key)){
            echo $_key . ' ' . 'Items';}
             endforeach;  ?>
        </span>
        </div>
            <div class="show_detail small" onchange="setLocation(this.value)">
        <div class="show_detail_arrow"></div>
            <?php foreach ($this->getAvailableLimit() as  $_key=>$_limit): ?>
                <a href="<?php echo $this->getLimitUrl($_key) ?>" class="show_icon <?php if($this->isLimitCurrent($_key)): ?>selected<?php endif ?>">
                    <?php echo $_limit . ' ' . 'Items'; ?>
                </a>
            <?php endforeach; ?>
            </div> <label><?php echo $this->__('per page') ?></label>
        </div>-->
       
    </div>
   
   
   
   </div>
  
    <?php if( $this->isExpanded() ): ?>
    <div class="sorter">
           
    <script type="text/javascript">
    jQuery(function() {
        jQuery(".sort_box").hover(function() {
            jQuery(this).addClass('active');
            jQuery(".sort_detail").stop(true, true).slideDown(200, "easeInSine");
            }, 
            function() {
            jQuery(this).removeClass('active');
            jQuery(".sort_detail").stop(true, true).fadeOut(200, "easeInSine");
            });

    });
    </script>
   
    <!--<div class="alert alert-success">
        <p class="amount">
            <?php if($this->getLastPageNum()>1): ?>
            <?php echo $this->__('Items %s to %s of %s total', $this->getFirstNum(), $this->getLastNum(), $this->getTotalNum()) ?>
            <?php else: ?>
            <strong class="small"><?php echo $this->__('%s Item(s)', $this->getTotalNum()) ?></strong>
            <?php endif; ?>
        </p>
   
        <?php echo $this->getPagerHtml() ?>

    </div>-->
   
       


       <!--<div class="sort-by sort_box">
            <label class="x-small"><?php echo $this->__('Sort By') ?></label>
            <div class="sort_pan">
                <span class="small">
            <?php foreach($this->getAvailableOrders() as $_key=>$_order):
            if($this->isOrderCurrent($_key)){
            echo $this->__($_order);}
             endforeach;  ?>
        </span>
        </div>
            <div class="sort_detail small" onchange="setLocation(this.value)">
        <div class="sort_detail_arrow"></div>
       

<?php foreach($this->getAvailableOrders() as $_key=>$_order): ?>
           <a href="<?php echo $this->getOrderUrl($_key, 'asc') ?>" class="sort_icon <?php if($this->isOrderCurrent($_key)): ?>selected<?php endif; ?>">
            <?php echo $this->__($_order) ?>
            </a>
        <?php endforeach; ?>

        </div>
        </div>-->

       
        <script type="text/javascript">
    jQuery(function() {
        jQuery(".show_box").hover(function() {
            jQuery(this).addClass('active');
            jQuery(".show_detail").stop(true, true).slideDown(200, "easeInSine");
            }, 
            function() {
            jQuery(this).removeClass('active');
            jQuery(".show_detail").stop(true, true).fadeOut(200, "easeInSine");
            });

    });
    </script>   
       
       
    </div>
    <?php endif; ?>
   
   
    

   
   
</div>
<?php endif ?>

---------------------------------------------------------------------