Urunleri liste

[dgdizayn]

Merhaba ;
Arkadaslar urunleri katalog seklinde degilde liste seklinde yapabilirmiyiz
Burada konu verilmis http://forum.opencart-tr.com/showthread.php?tid=559 ama baya ugrastım cerceveler hep dagınık sekılde oldu Acaba liste seklınde yapabılırmıyız

---

Arkadaslar umarım burada gelistirebiliriz
Yapacagım sekil ustteki gibi
EKLENECEK KOD ASAGIDA

 <div class="border_dc "
                 style="" >

                <div class="margin10" style="margin-bottom:0; /*position: relative;*/">
                    <div class="left" style="height: 140px; width: 100%;">
                        <div class="left son_gezilen_urun_resmi">
                            <a rel="241163" href="edimax-es5800g-8-port-soho-10-100-1000-gigabit-switch" class="lpr">
                                <img width="88" height="88" src="http://img.cimri.com/pictures/wm/90x90/543/543057_90-90.jpg" title="EDIMAX ES5800G 8 PORT SOHO 10/100/1000 GIGABIT SWITCH" alt="EDIMAX ES5800G 8 PORT SOHO 10/100/1000 GIGABIT SWITCH"/></a>
                        </div>
                        <div class="liste_urun_ozet">
                            <h2> <p class="liste_urun_baslik">
                                    <a href="edimax-es5800g-8-port-soho-10-100-1000-gigabit-switch" title="EDIMAX ES5800G 8 PORT SOHO 10/100/1000 GIGABIT SWITCH">
                                        EDIMAX ES5800G 8 PORT SOHO 10/100/1000 GIGABIT SWITCH </a></p></h2>

                            <p class="liste_urun_text margintop5">Türü Ethernet Switch, 10 / 100 Port Sayısı 8...&nbsp;<a href="edimax-es5800g-8-port-soho-10-100-1000-gigabit-switch" title="Ürün detayı">Ürün detayı</a></p>
                        </div>
                        <div class="liste_urune_git">
                            <p class="arial14redb"> 76 - 92 TL. </p>
                            <p class="margintop5"> <a href="edimax-es5800g-8-port-soho-10-100-1000-gigabit-switch" title="Ürüne Git"><img src="http://img.cimri.com/simages/yeni_tasarim/buton_urune_git.gif" width="76" height="20" alt="" /></a></p>
                            <p class="margintop5 font11">6 &nbsp; Mağazada</p>
                        </div>
                    </div>
                    <div class="clear"><!-- clear --></div>

                    <div class="left" style="position: relative;">

                        <div class="left eklecikar" itemId="241163"><a href="#"><img src="http://img.cimri.com/simages/yeni_tasarim/buton_sepete_ekle.gif" width="185" height="25" alt="" /></a></div>

                        

                    </div>
                    <div class="clear"><!-- --></div>
                </div>

                

            </div>

CSS KOD

.border_dc { border:1px solid #dcdcdc; }

.border_dcd {border:1px solid #dcdcdc; border-bottom: none; }

.margin10 { margin:10px; }

.margintop5 { margin-top:5px; }

.son_gezilen_urun_resmi { width:90px; }

.son_gezilen_urun_resmi img { border:1px solid #dcdcdc; }

.liste_urun_ozet { float:left; display:inline; margin-left:10px; width:410px; }

.liste_urun_ozet_flower { float:left; display:inline; margin-left:10px; width:290px; }

.liste_urun_baslik { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0066cc; font-weight:bold; }

.liste_urun_baslik a{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0066cc; font-weight:bold; text-decoration:none; }

.liste_urune_git { float:right; text-align:center; width:125px; }

.arial14redb { font-size:14px; color:#ff0000; font-weight:bold; }

.liste_urun_baslik a:hover{  text-decoration:underline; }

.left { float:left; display:inline; }

#lprev, #lnext {
    color: blue;
}

#lprev:visited, #lnext:visited {
    color: blue;
}

manufacturer.tpl

<?php echo $header; ?><?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content">
  <div class="top">
    <div class="left"></div>
    <div class="right"></div>
    <div class="center">
      <h1><?php echo $heading_title; ?></h1>
    </div>
  </div>
  <div class="middle">
    <div class="sort">
      <div class="div1">
        <select name="sort" onchange="location = this.value">
          <?php foreach ($sorts as $sorts) { ?>
          <?php if (($sort . '-' . $order) == $sorts['value']) { ?>
          <option value="<?php echo $sorts['href']; ?>" selected="selected"><?php echo $sorts['text']; ?></option>
          <?php } else { ?>
          <option value="<?php echo $sorts['href']; ?>"><?php echo $sorts['text']; ?></option>
          <?php } ?>
          <?php } ?>
        </select>
      </div>
      <div class="div2"><?php echo $text_sort; ?></div>
    </div>
    <table class="list">
      <?php for ($i = 0; $i < sizeof($products); $i = $i + 4) { ?>
      <tr>
        <?php for ($j = $i; $j < ($i + 4); $j++) { ?>
        <td width="25%"><?php if (isset($products[$j])) { ?>
          <a href="<?php echo $products[$j]['href']; ?>"><img src="<?php echo $products[$j]['thumb']; ?>" title="<?php echo $products[$j]['name']; ?>" alt="<?php echo $products[$j]['name']; ?>" class="img-border" /></a><br />
          <a href="<?php echo $products[$j]['href']; ?>" class="pname"><?php echo $products[$j]['name']; ?></a><br />
          <span style="color: #999; font-size: 11px;"><?php echo $products[$j]['model']; ?></span><br />
          <?php if ($display_price) { ?>
          <?php if (!$products[$j]['special']) { ?>
          <span style="color: #900; font-weight: bold;"><?php echo $products[$j]['price']; ?></span>
          <?php } else { ?>
          <span style="color: #900; font-weight: bold; text-decoration: line-through;"><?php echo $products[$j]['price']; ?></span> <span style="color: #F00;"><?php echo $products[$j]['special']; ?></span>
          <?php } ?>
          <a class="button_add_small" href="<?php echo $products[$j]['add']; ?>" title="<?php echo $button_add_to_cart; ?>" >&nbsp;</a>
		  <?php } ?>
          <br />
          <?php if ($products[$j]['rating']) { ?>
          <img src="catalog/view/theme/default/image/stars_<?php echo $products[$j]['rating'] . '.png'; ?>" alt="<?php echo $products[$j]['stars']; ?>" />
          <?php } ?>
          <?php } ?></td>
        <?php } ?>
      </tr>
      <?php } ?>
    </table>
    <div class="pagination"><?php echo $pagination; ?></div>
  </div>
  <div class="bottom">
    <div class="left"></div>
    <div class="right"></div>
    <div class="center"></div>
  </div>
</div>
<?php echo $footer; ?>

Bunu acaba nasıl tasıyabılırız arkadaslar. Ozellikle mirac senin yardımınada ihtiyacım var. Bunu basarabilecegimize inanıyorum

---

Tskler editledim. Site finali az kaldı yakında bomba gibi gelecek

---

Tamam ekledım tskler

 

[mirac]

Böyle oluşturduğunuz şeyleri yayınlasanız ne kadar güzel olacak anlatamam

 

[dgdizayn]

Mirac site az kaldı tam senin pintifiyata gore

 

[mirac]

Bir kaç değişiklik yaptım ve aynı konudan mevcut olduğu için oraya ekledim.. Bu konunun devamını alttaki konudan devam ediniz.

http://forum.opencart-tr.com/thread-559-post-11296.html#pid11296