tr-opencart

     
avatar Şuanki Zaman: 12-28-2024, 08:08 AMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

Modifikasyon Hepsiburada tarzı tüm kategoriler

Konuyu görüntüleyenler: 1 Misafir
 
Değerlendir:
  • 0 Oy - 0 Yüzde
  • 1
  • 2
  • 3
  • 4
  • 5
%
Cevapla  Gönder 
v  v
Yazar  TECHNOLOG - Görüntüleme - Okunma  16059 - Yorum  19

TECHNOLOGv
Süper Moderator
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 303
Konular: 22
Katılma Tarihi: Dec 2011
Rep Puanı: 4
Teşekkürler: 216
87 Mesajına, 157 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 11-26-2012 11:20 PM

Selamün aleyküm arkadaşlar, derslerimden dolayı foruma pek katkım olmuyor, elimden geldiğince yaptığım modifikasyonları burada paylaşmaya gayret ediyorum. Yapacağımız modifikasyon hepsiburada başta olmak üzere bir çok sitede görülen ve forumumuzda aranan tüm kategoriler modifikasyonudur.

Denediğim versiyonlar: 1513x, 152x, 153x, 154x.

örnek http:// www . sanliurfabilisim . com . tr
örnek : http:// www . maneviurunler . com

ilk olarak yedek almayı unutmayalım

dosyalarımıza geçelim zaten çok basit.

catalog/view/theme/temaadı/template/common/header.tpl dosyamızı açıyoruz,

bul
Kod:
<div id="menu">
  <ul>
    <?php foreach ($categories as $category) { ?>
    <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
      <?php if ($category['children']) { ?>
      <div>
        <?php for ($i = 0; $i < count($category['children']);) { ?>
        <ul>
          <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
          <?php for (; $i < $j; $i++) { ?>
          <?php if (isset($category['children'][$i])) { ?>
          <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
          <?php } ?>
          <?php } ?>
        </ul>
        <?php } ?>
      </div>
      <?php } ?>
    </li>
    <?php } ?>
  </ul>
</div>
<?php } ?>

değiştir
Kod:
<?php if ($categories) { ?>
<div id="menu">
  <ul>
   <li><a href="#" title="Tüm Kategoriler">Tüm Kategoriler&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
<?php foreach ($categories as $category) { ?>
      <div class="altmenu">
        
        <ul>
          <?php foreach ($categories as $category) { ?>
          <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
         <?php } ?>
          
        </ul>
      
      </div>
       <?php } ?>
    </li>
    
  </ul>

<?php } ?></div>

daha sonra kiroğlu kadar olmasa da biraz mıncıklama yaparak görsellik sağlamak için

catalog/view/theme/temanız/stylesheet/stylesheet.css (temanıza göre css dosya adını farklı olabilir) açıyoruz.

bul
Kod:
#menu {
    background: #585858;
    border-bottom: 1px solid #000000;
    height: 37px;
    margin-bottom: 15px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0px 2px 2px #DDDDDD;
    -moz-box-shadow: 0px 2px 2px #DDDDDD;
    box-shadow: 0px 2px 2px #DDDDDD;
    padding: 0px 5px;
}
#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#menu > ul > li {
    position: relative;
    float: left;
    z-index: 20;
    padding: 6px 5px 5px 0px;
}
#menu > ul > li:hover {
}
#menu > ul > li > a {
    font-size: 13px;
    color: #FFF;
    line-height: 14px;
    text-decoration: none;
    display: block;
    padding: 6px 10px 6px 10px;
    margin-bottom: 5px;
    z-index: 6;
    position: relative;
}
#menu > ul > li:hover > a {
    background: #000000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#menu > ul > li > div {
    display: none;
    background: #FFFFFF;
    position: absolute;
    z-index: 5;
    padding: 5px;
    border: 1px solid #000000;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -khtml-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    background: url('../image/menu.png');
}
#menu > ul > li:hover > div {
    display: table;
}
#menu > ul > li > div > ul {
    display: table-cell;
}
#menu > ul > li ul + ul {
    padding-left: 20px;
}
#menu > ul > li ul > li > a {
    text-decoration: none;
    padding: 4px;
    color: #FFFFFF;
    display: block;
    white-space: nowrap;
    min-width: 120px;
}
#menu > ul > li ul > li > a:hover {
    background: #000000;
}
#menu > ul > li > div > ul > li > a {
    color: #FFFFFF;
}

değiştir
Kod:
#menu {
    background: url("../image/menuallbg.png") no-repeat scroll top left;
    margin-left:10px;
    border-bottom: 0px solid #ddd;
    -webkit-border-top-left-radius        : 7px;
    -webkit-border-bottom-left-radius    : 7px;
    -moz-border-radius-topleft            : 7px;
    -moz-border-radius-bottomleft        : 7px;
    border-top-left-radius                : 7px;
    border-bottom-left-radius            : 7px;
    padding: 0px 5px;
    height:60px;
}
#menu .altmenu {
    background-color:#fff;
}
#menu ul {
    list-style: none;
    margin-left: 10px;
    padding                    : 5px 5px 0px 10px;
}
#menu > ul > li {
    background: url("../image/allcatbg.png") no-repeat left transparent;
    position: relative;
    float: left;
    z-index: 20;
    margin-left:-10px;
    margin-top:5px;
    -webkit-border-top-left-radius        : 7px;
    -webkit-border-bottom-left-radius    : 7px;
    -moz-border-radius-topleft            : 7px;
    -moz-border-radius-bottomleft        : 7px;
    border-top-left-radius                : 7px;
    border-bottom-left-radius            : 7px;
    
    
}
#menu > ul > li:hover {
}
#menu > ul > li > a {
    font-size: 13px;
    font-weight:500;
    color:#fff;    
    line-height: 17px;
    text-decoration: none;
    display: block;
    padding: 6px 12px 2px 10px;
    margin-bottom: 5px;
    z-index: 6;
    position: relative;
    
}
#menu > ul > li:hover > a {
    border-radius: 5px;    
}
#menu > ul > li > div {
    display: none;
    background: #FFFFFF;
    position: absolute;
    z-index: 5;
    padding: 5px;
    border: 1px solid #ddd;
    background: url('../image/menu.png');
}
#menu > ul > li:hover > div {
    display: table;
    padding-top:-10px;
}
#menu > ul > li > div > ul {
    display: table-cell;
}
#menu > ul > li ul + ul {
    padding-left: 20px;
}
#menu > ul > li ul > li > a {
    text-decoration: none;
    padding: 4px;
    padding-top:4px;
    padding-left:0px;
    padding:bottom:4px;
    padding-right:0px;
    color: #000;
    display: block;
    white-space: nowrap;
    min-width: 120px;
    border-bottom:1px solid#CCC;
}
#menu > ul > li ul > li > a:hover {
    background: #faf7f7;
    
    
}
#menu > ul > li > div > ul > li > a {
    color: #000;
}

yaparak işlemi bitiriyoruz, ekte gerekli resimler mevcuttur.

herkese peygamberler şehrinden sevgiler saygılar.


Ekli Dosya(lar) Önizleme(ler)
Resmi Büyütmek İçin Tıklayın    Resmi Büyütmek İçin Tıklayın   
TECHNOLOG
Linux Debian
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: e-ticaretdersleri , GokhanKorkut , yusuf_07 , nokta , delete38 , osman , alayel , sadettin , ITECHINN , damar27 , sekhil , nickelaj
e-ticaretdersleriv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,225
Konular: 520
Katılma Tarihi: Jan 2012
Rep Puanı: 102
Teşekkürler: 1169
1060 Mesajına, 2133 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 11-26-2012 11:38 PM
Abim Helal Olsun +Rep. Birde bunu modifiye etmek gerek Big Grin
e-ticaretdersleri
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: TECHNOLOG
TECHNOLOGv
Süper Moderator
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 303
Konular: 22
Katılma Tarihi: Dec 2011
Rep Puanı: 4
Teşekkürler: 216
87 Mesajına, 157 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 11-27-2012 12:06 AM
mıncıklamadığın bişey kaldımı acaba?

(11-26-2012 11:38 PM)Kiroglumarket Yazılan:  Abim Helal Olsun +Rep. Birde bunu modifiye etmek gerek Big Grin
TECHNOLOG
Linux Debian
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: e-ticaretdersleri
e-ticaretdersleriv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,225
Konular: 520
Katılma Tarihi: Jan 2012
Rep Puanı: 102
Teşekkürler: 1169
1060 Mesajına, 2133 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 11-27-2012 12:14 AM
(11-27-2012 12:06 AM)TECHNOLOG Yazılan:  mıncıklamadığın bişey kaldımı acaba?

(11-26-2012 11:38 PM)Kiroglumarket Yazılan:  Abim Helal Olsun +Rep. Birde bunu modifiye etmek gerek Big Grin

Artık zamanla çıkar umarım Big GrinBig Grin bir menu modifiyesi vardı ona bakıyorum buluram bu ikisimi birleştirecem inşallah
e-ticaretdersleri
Alıntı Yaparak Cevapla
Paylaş!
TECHNOLOGv
Süper Moderator
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 303
Konular: 22
Katılma Tarihi: Dec 2011
Rep Puanı: 4
Teşekkürler: 216
87 Mesajına, 157 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 11-27-2012 12:18 AM
mıncıkla bakalım nasıl olacak? (gerçi sonucu tahmin edebiliyorum Big GrinBig GrinBig GrinBig Grin)
TECHNOLOG
Linux Debian
Alıntı Yaparak Cevapla
Paylaş!
delete38v
ÇıLGıN
***
Üye user avatar
Çevrimdışı

Mesajlar: 103
Konular: 16
Katılma Tarihi: Aug 2012
Rep Puanı: 1
Teşekkürler: 103
14 Mesajına, 21 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 11-27-2012 10:03 AM
Hayy Allah Razı olsun Bende Kaç Zamandır bunu bekliyordum... Smile
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: TECHNOLOG
e-ticaretdersleriv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,225
Konular: 520
Katılma Tarihi: Jan 2012
Rep Puanı: 102
Teşekkürler: 1169
1060 Mesajına, 2133 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 11-27-2012 01:14 PM
Modifiye Fixleme İşlemi Başladı Bi Ekran Görüntüsü


Ekli Dosya(lar) Önizleme(ler)
Resmi Büyütmek İçin Tıklayın   
e-ticaretdersleri
Alıntı Yaparak Cevapla
Paylaş!
e-ticaretdersleriv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,225
Konular: 520
Katılma Tarihi: Jan 2012
Rep Puanı: 102
Teşekkürler: 1169
1060 Mesajına, 2133 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 11-27-2012 02:55 PM
modifiye işleminin %95 tamamlandı:

Eklenen özellikler
1. Css ve js ile görsellik katıldı
2.oc kendi js ile çakısması vardı düzeltildi
3. kategoriye ait resimler çektirildi

Eklencek özellik
1.Açılan Listede link eklenmesi


Ekli Dosya(lar) Önizleme(ler)
Resmi Büyütmek İçin Tıklayın   
e-ticaretdersleri
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: delete38
delete38v
ÇıLGıN
***
Üye user avatar
Çevrimdışı

Mesajlar: 103
Konular: 16
Katılma Tarihi: Aug 2012
Rep Puanı: 1
Teşekkürler: 103
14 Mesajına, 21 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 11-27-2012 03:01 PM
döktür kiroğlu kim tutar seni Big Grin
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: e-ticaretdersleri
selcuk44v
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 18
Konular: 4
Katılma Tarihi: Nov 2012
Rep Puanı: 0
Teşekkürler: 3
0 Mesajına, 0 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 11-27-2012 08:02 PM
Parse error: syntax error, unexpected $end in /vhosts/e-bayangiyim.com/http/catalog/view/theme/turkish-gray_v3/template/common/header.tpl on line 107
Alıntı Yaparak Cevapla
Paylaş!

« Önceki | Sonraki »
Cevapla  Gönder 

Hepsiburada tarzı tüm kategoriler Konusunun Linki Direk Link
Hepsiburada tarzı tüm kategoriler Konusunun HTML Kodu HTML Link
Hepsiburada tarzı tüm kategoriler Konusu BBCode Linki BBCode Link
Hepsiburada tarzı tüm kategoriler Konusunu Paylaş Sosyal Paylaş

Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  [Eklenti] Opencart Auto suggest product vQmod (Ajax arama tarzı resimli arama) e-ticaretdersleri 24 12,558 11-25-2015 07:02 PM
Son Mesaj: fakir
  üst kategoriler bölümüne menüler ekleme socak 19 19,857 06-22-2015 02:16 AM
Son Mesaj: effector
  sağ kategoriler menü teknolajek 0 1,972 05-20-2015 02:40 AM
Son Mesaj: teknolajek
  [Modifikasyon] Opencart 1.5.5.x 1.5.6.x gg tarzı Sepete ekle Vqmod e-ticaretdersleri 24 10,252 02-21-2015 11:49 AM
Son Mesaj: byduman
  Kategoriler sayfasında toplam ürün sayısını gösterme yardım ? suleyman1 2 3,692 05-21-2014 11:34 PM
Son Mesaj: suleyman1
  [Mod] Proticaret Tarzı tab Eklentisi- Fixed e-ticaretdersleri 9 6,723 05-19-2014 09:19 PM
Son Mesaj: e-ticaretdersleri
  [Modifikasyon] Modifikasyon Tüm Kategoriler Fixed v.1.1 e-ticaretdersleri 10 7,830 03-07-2014 11:44 PM
Son Mesaj: nilca
  1.5.5.1 Alt Kategoriler yazısını kaldırmak orhansa 2 5,278 06-26-2013 05:57 PM
Son Mesaj: linentiger
  Hepsiburada tarzı kategoriye özel sayfa ve modül atama bbbalkisch 3 4,321 05-29-2013 01:33 AM
Son Mesaj: emremix
  1.5.3.x ve üst versiyonlar için Tüm Kategoriler Sayfası yusuf_07 7 4,701 04-21-2013 01:50 AM
Son Mesaj: yusuf_07

Hepsiburada tarzı tüm kategoriler indir, Hepsiburada tarzı tüm kategoriler Videosu, Hepsiburada tarzı tüm kategoriler online izle, Hepsiburada tarzı tüm kategoriler Bedava indir, Hepsiburada tarzı tüm kategoriler Yükle, Hepsiburada tarzı tüm kategoriler Hakkında, Hepsiburada tarzı tüm kategoriler nedir, Hepsiburada tarzı tüm kategoriler Free indir, Hepsiburada tarzı tüm kategoriler oyunu, Hepsiburada tarzı tüm kategoriler download


Forum Atla:


Yükleniyor...