debreli
OpenCart-TR
catalog/controller/module/mostview.php aç
bul
38 yazan yerleri istediğinz resim boyutunda ayarlayın.
38 yazan yerler sizde faklı olabilir.benzer kodu bulun
aşağıdaki mostview.tpl. dosyasını kendi mostview.tpl dosyası ile değiştirin
stylesheet.css sonuna dosyasına aşağıdaki kodu ekleyin
150*169 yazan yerleri temanıza göre ayarlayabilrsiniz.
sağ ve sol tarafta kullandığınız başka modullerde de uyglayabilrsiniz.
bul
Kod:
'image' => $this->model_tool_image->resize($image, 38, 38),
38 yazan yerler sizde faklı olabilir.benzer kodu bulun
aşağıdaki mostview.tpl. dosyasını kendi mostview.tpl dosyası ile değiştirin
Kod:
<div class="box">
<div class="top"><img src="catalog/view/theme/default/image/special.png" alt="" /><?php echo $heading_title; ?></div>
<div class="middle">
<?php if ($products) { ?>
<div id="scrollup">
<?php foreach ($products as $product) { ?>
<div class="headline"><a href="<?php echo str_replace('&', '&', $product['href']); ?>"><img src="<?php echo $product['image']; ?>" alt="<?php echo $product['name']; ?>" /></a><br>
<a href="<?php echo str_replace('&', '&', $product['href']); ?>"><?php echo $product['name']." - [".$product['viewed']."]"; ?></a>
<?php if ($display_price) { ?>
<br />
<?php if (!$product['special']) { ?>
<span style="font-size: 13px; font-weight: bold; color: #900;"><?php echo $product['price']; ?></span>
<?php } else { ?>
<span style="font-size: 13px; font-weight: bold; color: #900; text-decoration: line-through;"><?php echo $product['price']; ?></span> <span style="font-size: 13px; font-weight: bold; color: #F00;"><?php echo $product['special']; ?></span>
<?php } ?>
<?php } ?></div>
<?php } ?></div>
<?php } ?>
</div>
<div class="bottom"> </div>
</div><script type="text/javascript">
var headline_count;
var headline_interval;
var old_headline = 0;
var current_headline = 0;
$(document).ready(function(){
headline_count = $("div.headline").size();
$("div.headline:eq("+current_headline+")").css('top', '5px');
headline_interval = setInterval(headline_rotate,5000);
$('#scrollup').hover(function() {
clearInterval(headline_interval);
}, function() {
headline_interval = setInterval(headline_rotate,5000);
headline_rotate();
});
});
function headline_rotate() {
current_headline = (old_headline + 1) % headline_count;
$("div.headline:eq(" + old_headline + ")")
.animate({top: -205},"slow", function() {
$(this).css('top', '210px');
});
$("div.headline:eq(" + current_headline + ")")
.animate({top: 5},"slow");
old_headline = current_headline;
}
</script>
stylesheet.css sonuna dosyasına aşağıdaki kodu ekleyin
Kod:
#scrollup {
position: relative;
overflow: hidden;
border: 0px solid #000;
height: 160px;
width: 150px
}
.headline {
position: absolute;
top: 210px;
left: 5px;
height: 160px;
width:150px;
text-align: center;
}
sağ ve sol tarafta kullandığınız başka modullerde de uyglayabilrsiniz.