To jest moduł blockhomeslideshow odpowiedzialny za przesuwanie grafiki zamiast banera.
znalazłem odpowiedzialny kod za tę dolną część ale nie wiem zmodyfikować.
plik clases.css , footer to pasek dolny, arrowl to strzałki, beast deal to baner z promocją. Mógłby mi ktoś przerobić kod żeby tego dziadostwa nie było ?
/*Corregido por David M.*/
.carruselhome {
margin:0;
padding:0;
list-style:none;
text-align:center;
/*margin-left:75px*/
}
.simplecarruselmod {
background: url("../js/homespecial_footer.jpg") no-repeat scroll center bottom #FFFFFF;
border: 0px none;
height: 182px;
margin-left: 5px;
/*overflow: scroll;*/
margin-top: -76px;
position: relative;
width: 940px;
}
.next,
.prev {
cursor:pointer;
z-index: 50;
}
.prev {
/*background:url(../js/arrowl.gif)*/
float:left;
margin-top:54px;
margin-left:0px;
}
.next {
/*background:url(../js/arrowr.gif)*/
float:right;
margin-top:54px;
margin-right:0px;
}
/*Fuente sustituta google*/
.fuentegoogle {
margin-top:6px;
color:#fff;
font-family: 'Kameron', serif;
font-size: 40px;
text-shadow: 1px 1px 1px #000;
text-align:center;
width:970px;
}
.best_deal_mod {
background: url("../js/best-deal.png") no-repeat scroll 0 0 transparent;
height: 67px;
margin-left: -10px;
*margin-left: -958px;
margin-top: -130px;
*margin-top: -180px;
position: absolute;
width: 1006px;
z-index: 999999;
}A to plik: blockhomeslideshow.tpl, dolna część kodu: best_deal_mod jest odpowiedzialna za dolną pozycje, poradźcie jak to rozwiązać
{if $page_name eq 'index'}
<!-- Module Editorial -->
<link href="{$this_path}js/prod.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="{$this_path}js/jquery_002.js"></script>
{literal}
<script type="text/javascript" charset="utf-8">
$(window).load(function()
{
init_slideshow()
})
init_slideshow = function()
{
$('#home_slides').cycle({
fx:'fade',
timeout:8000,
pager:'#slide_navigation',
after:update_slide_caption,
before:fade_slide_caption
})
}
fade_slide_caption = function(next, previous)
{
caption_container = $('#project_caption')
caption_container.fadeOut('fast')
}
update_slide_caption = function(next, previous)
{
caption_container = $('#project_caption')
caption = $('span.slide_caption', previous)
caption_container.fadeIn('fast')
caption_container.html(caption.html())
}
</script>
{/literal}
<div id="home_slideshow">
<ul style="position: relative; width: 945px; height: 394px;" id="home_slides">
{foreach name=outer item=outputtop from=$outputtops}
<li style="position: absolute; top: 0px; left: 0px; display: list-item; z-index: 4; opacity: 1;">
<a href="{$outputtop.link}"><img src="{$this_path}images/{$outputtop.name}"></a>
</li>
{/foreach}
</ul>
<div id="home_slideshow_violator" class="clearfix">
<div style="display: block;" id="project_caption"></div><div id="slide_navigation" class="clearfix"></div>
</div>
</div>
{if $sale_products > 0}
<!-- /Block slide show home page module -->
<link href="{$this_path}simple.carousel.0.3/clases.css" rel="stylesheet" type="text/css" media="all" />
<link href='http://fonts.googleapis.com/css?family=Kameron:400&subset=latin&v2' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="{$this_path}simple.carousel.0.3/simple.carousel.js"></script>
{literal}
<script type="text/javascript">
jQuery(document).ready(function() {
// example 1
$("ul.carruselhome").simplecarousel({
width:200,
height:145,
visible: 4,
auto: 8000,
fade: 600,
next: $('.next'),
prev: $('.prev')
});
});
</script>
{/literal}
<div class="best_deal_mod"><div class="fuentegoogle">{l s='Ofertas' mod='blockhomeslideshow'}</div></div>
<div class="simplecarruselmod">
<span class="prev"><img src="{$this_path}/js/arrowl.gif" border="0"></span><span class="next"><img src="{$this_path}/js/arrowr.gif"></span>
<ul class="carruselhome">
{foreach name=sale_product item=sale_product from=$sale_products}
<li>
<a href="{$sale_product.link|escape:'htmlall':'UTF-8'}"><img src="{$link->getImageLink($sale_product.link_rewrite, $sale_product.id_image, 'home_special')}" /></a>
</li>
{/foreach}
</ul>
</div>
{/if}
{/if}
