(Opencart) ขอวิธีแก้ ขยายส่วน feature product หน้า home

[mammamza]

เทมเพลตที่ใช้อยู่  ตัว feature มันไ่ม่ขยายเต็มพื้นที่จากซ้ายไปขวาอ่ะค่ะ
อยากให้ สินค้าดูเรียงเต็มๆ เท่าขนาดในกรอบสีฟ้า

- แก้ code ยังไงคะ พอดีไม่เป็นเลยคะ
- ต้องแก้ส่วนไหนบ้างคะ



ด้านล่างนี้เป็น code ของหน้า home.tpl ค่ะ

โค้ด เลือก ขยาย

<?php echo $header; ?><?php echo $column_left; ?>
<div id="column-left">
<div class="banner" id="banner0">
     <div><img title="leftsidebanner1" alt="leftsidebanner1" src="image/cache/data/left_call_banner1-230x118.gif"></div>
   </div>
<script type="text/javascript"><!--
var banner = function() {
$('#banner0').cycle({
before: function(current, next) {
$(next).parent().height($(next).outerHeight());
}
});
}

setTimeout(banner, 2000);
//-->
</script>    
<div class="banner" id="banner1">
     <div><img title="leftsidebanner2" alt="leftsidebanner2" src="image/cache/data/left_call_banner2-230x118.gif"></div>
   </div>
<script type="text/javascript"><!--
var banner = function() {
$('#banner1').cycle({
before: function(current, next) {
$(next).parent().height($(next).outerHeight());
}
});
}

setTimeout(banner, 2000);
//--></script>    
<div class="banner" id="banner2">
     <div><img title="leftsidebanner3" alt="leftsidebanner3" src="image/cache/data/left_call_banner3-230x118.jpg"></div>
   </div>
<script type="text/javascript"><!--
var banner = function() {
$('#banner2').cycle({
before: function(current, next) {
$(next).parent().height($(next).outerHeight());
}
});
}

setTimeout(banner, 2000);
//--></script>    
</div>
<?php echo $column_right; ?>
<div id="content">
<div class="banner" id="banner3">
     <div><img title="main banner1" alt="main banner1" src="image/cache/data/mainbanner1-356x628.jpg"></div>
</div>
<script type="text/javascript"><!--
var banner = function() {
$('#banner3').cycle({
before: function(current, next) {
$(next).parent().height($(next).outerHeight());
}
});
}

setTimeout(banner, 2000);
//-->
</script>
<div class="banner" id="banner4">
     <div><img title="main banner2" alt="main banner2" src="image/cache/data/mainbanner2-356x628.jpg"></div>
</div>
<script type="text/javascript"><!--
var banner = function() {
$('#banner4').cycle({
before: function(current, next) {
$(next).parent().height($(next).outerHeight());
}
});
}

setTimeout(banner, 2000);
//-->
</script>
<?php echo $content_top; ?>
<h1 style="display: none;"><?php echo $heading_title; ?></h1>
<?php echo $content_bottom; ?></div>
<?php echo $footer; ?>

รบกวนพี่ๆ ด้วยนะคะ ไม่เป็นเรื่อง code เลย แต่อยากลองทำเองน่ะค่ะ
อาจจะต้องรบกวนบ่อยนะคะ ขอบคุณมากค่ะ

[Sixsigma]

ใช้ theme อะไรครับ
ได้ดูที่ css หรือยังครับ
ส่วนใหญ่จะแก้ไขตรงนั้น

[PAPAP]

แก้ที่ CSS ครับผม

[adidog]

เอาให้ง่าย ดึง featured ไปแดสงที่ footer เลย ดีกว่ามั๊ยครับ

[mammamza]

  ได้ล่ะค่ะ
คลำๆ เอาแก้ใน home อ่ะค่ะ ลองเปิด theme 2 theme เทียบกันแล้วลบ
ส่วนแสดงผลใน div แล้วขึ้น div ใหม่อ่ะค่ะ

ขอบคุณทุกคนค่ะ ตอนนี้กำลังงมส่วน footer มันเด้งๆ ไม่เรียงกันอ่ะค่ะ