magento theme on zoopmobile
eros theme this is setting
choose 1 column cms >>pages>>home pages
here is code for slider and product
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
---------------------------------------------------------------------------------------
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
eros theme this is setting
choose 1 column cms >>pages>>home pages
here is code for slider and product
Step 2: Go to below folder<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>
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;"> <?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 ?>
---------------------------------------------------------------------
