Opencart Türkiye Destek Sitesi ,E-Ticaret Yazılımı Destek Paylaşım Forumu

TECHNOLOG Tüm Mesajlarını Bul · 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.

e-ticaretdersleri Tüm Mesajlarını Bul · Konu Tarihi: **11-26-2012 11:38 PM**

Abim Helal Olsun +Rep. Birde bunu modifiye etmek gerek Big Grin

TECHNOLOG Tüm Mesajlarını Bul · 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

e-ticaretdersleri Tüm Mesajlarını Bul · 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

Artık zamanla çıkar umarım Big Grin

bir menu modifiyesi vardı ona bakıyorum buluram bu ikisimi birleştirecem inşallah

TECHNOLOG Tüm Mesajlarını Bul · Konu Tarihi: **11-27-2012 12:18 AM**

mıncıkla bakalım nasıl olacak? (gerçi sonucu tahmin edebiliyorum Big Grin

)

delete38 Tüm Mesajlarını Bul · Konu Tarihi: **11-27-2012 10:03 AM**

Hayy Allah Razı olsun Bende Kaç Zamandır bunu bekliyordum... Smile

e-ticaretdersleri Tüm Mesajlarını Bul · Konu Tarihi: **11-27-2012 01:14 PM**

Modifiye Fixleme İşlemi Başladı Bi Ekran Görüntüsü

e-ticaretdersleri Tüm Mesajlarını Bul · 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

delete38 Tüm Mesajlarını Bul · Konu Tarihi: **11-27-2012 03:01 PM**

döktür kiroğlu kim tutar seni Big Grin

selcuk44 Tüm Mesajlarını Bul · 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


Direk Link
HTML Link
BBCode Link
Sosyal Paylaş	Sabah net google facebook digg twiter yahoo mixx stumbleupon delicious reddit myspace friendfeed google buzz linkedin

Benzeyen Konular
Konu:		Yazar	Cevaplar:	Gösterim:	Son Mesaj
	[Eklenti] Opencart Auto suggest product vQmod (Ajax arama tarzı resimli arama)	e-ticaretdersleri	24	12,110	11-25-2015 07:02 PM Son Mesaj: fakir
	üst kategoriler bölümüne menüler ekleme	socak	19	19,687	06-22-2015 02:16 AM Son Mesaj: effector
	sağ kategoriler menü	teknolajek	0	1,936	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	9,931	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,641	05-21-2014 11:34 PM Son Mesaj: suleyman1
	[Mod] Proticaret Tarzı tab Eklentisi- Fixed	e-ticaretdersleri	9	6,623	05-19-2014 09:19 PM Son Mesaj: e-ticaretdersleri
	[Modifikasyon] Modifikasyon Tüm Kategoriler Fixed v.1.1	e-ticaretdersleri	10	7,740	03-07-2014 11:44 PM Son Mesaj: nilca
	1.5.5.1 Alt Kategoriler yazısını kaldırmak	orhansa	2	5,213	06-26-2013 05:57 PM Son Mesaj: linentiger
	Hepsiburada tarzı kategoriye özel sayfa ve modül atama	bbbalkisch	3	4,273	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,644	04-21-2013 01:50 AM Son Mesaj: yusuf_07

	Şuanki Zaman: 04-16-2024, 10:03 PMHoşgeldin Misafir !
	Beni Hatırla Şifremi Hatırlat

« Önceki \| Sonraki »
Sayfa (2): 1 2 Sonraki »

Opencart Türkiye Destek Sitesi ,E-Ticaret Yazılımı Destek Paylaşım Forumu

Modifikasyon Hepsiburada tarzı tüm kategoriler