seo
tr-opencart

     
avatar Şuanki Zaman: 01-21-2018, 07:45 AMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

Ürün Kategorilerinde Css Menu Görsellik Katma

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  Kıroğlumarket - Görüntüleme - Okunma  2080 - Yorum  0

Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,118
Konular: 498
Katılma Tarihi: Jan 2012
Rep Puanı: 95
Teşekkürler: 1139
1014 Mesajına, 2054 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 07-14-2012 09:15 AM
Evet arkadaşlar sizlere güzel bir editlemeyle daha karşınızdaız. Bu seferki konumuz kategorilerde dolaşırken misal verelim anasayfa>>Giysi rünleri>>Bebek Giysi Ürünleri gibi normal yazılı şekilde göstermektedir. biraz css modifiyesiyle şık bir görünüme kavuşturacağız. Ekteki dosyaları kenti temanızın image klasörüne atınız. Örnek : /httpdocs/catalog/view/theme/seninteman/image


Demo Link


İlk önce kullandığımız css dosyasını açalım:
catalog/view/theme/seninteman/stylesheet/stylesheet.css

En altına Ekleyelim Arkadaşlar:


PHP Kod:
/* ----------------------  ---------------------- */
.blue #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(../image/blueslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.blue #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.blue #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.blue #slatenav ul li a{display:block;float:left;color:#D5F1FF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.blue #slatenav ul li a:hover,.blue #slatenav ul li a.current{color:#fff;background:transparent url(../image/blueslate_backgroundOVER.gif) no-repeat top center;}
/* ----------------------  ---------------------- */

/* ----------------------  ---------------------- */
.green #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(../image/greenslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.green #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.green #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.green #slatenav ul li a{display:block;float:left;color:#EEFFDF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.green #slatenav ul li a:hover,.green #slatenav ul li a.current{color:#fff;background:transparent url(../image/greenslate_backgroundOVER.gif) no-repeat top center;}
/* ----------------------  ---------------------- */

/* ----------------------  ---------------------- */
.red #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(../image/redslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.red #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.red #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.red #slatenav ul li a{display:block;float:left;color:#FECCC3;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.red #slatenav ul li a:hover,.red #slatenav ul li a.current{color:#fff;background:transparent url(../image/redslate_backgroundOVER.gif) no-repeat top center;}
/* ----------------------  ---------------------- */

/* ----------------------  ---------------------- */
.purple #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(../image/purpleslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.purple #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.purple #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.purple #slatenav ul li a{display:block;float:left;color:#FBDAFA;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.purple #slatenav ul li a:hover,.purple #slatenav ul li a.current{color:#fff;background:transparent url(../image/purpleslate_backgroundOVER.gif) no-repeat top center;}
/* ----------------------  ---------------------- */ 

İkinci adım Olarak ta Kullandığınız temanın Category.tpl dosyasını açalım:
httpdocs/catalog/view/theme/seninteman/template/product


Bulunuz:


PHP Kod:
<div class="breadcrumb">
    <?
php foreach ($breadcrumbs as $breadcrumb) { ?>
    <?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
    <?php ?>
  </div> 

Değiştiriniz:


PHP Kod:
<div class="green">   <div id="slatenav"><div class="breadcrumb"
    <?
php foreach ($breadcrumbs as $breadcrumb) { ?>
    
 

    <ul>
<li><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a></li>
    <?php ?></ul></div> 
  </div>  </div> 


Ekli Dosya(lar) Önizleme(ler)
Resmi Büyütmek İçin Tıklayın    Resmi Büyütmek İçin Tıklayın    Resmi Büyütmek İçin Tıklayın   
.rar img.rar Eklentiyi indir...
Boyut: 8.8 KB İndirme: 45
Telif Hakkı için Rapor Edin...
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: fe_odaliz
opencart temaları

« Önceki | Sonraki »
Cevapla  Gönder 

Ürün Kategorilerinde Css Menu Görsellik Katma  Konusunun Linki Direk Link
Ürün Kategorilerinde Css Menu Görsellik Katma  Konusunun HTML Kodu HTML Link
Ürün Kategorilerinde Css Menu Görsellik Katma  Konusu BBCode Linki BBCode Link
Ürün Kategorilerinde Css Menu Görsellik Katma  Konusunu Paylaş Sosyal Paylaş

Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  Ürün Seo URL de Kategori ve Marka adını kaldırmak.. osdem66 13 6,091 12-07-2017 04:39 PM
Son Mesaj: LaWSuiT
  [Modifikasyon] Ürün Sayfasında Siparişi Tamamlama hkntll 0 139 09-27-2017 09:52 PM
Son Mesaj: hkntll
  Ürün Sayfasında Üreticiler Logosu Faklı Kıroğlumarket 4 2,193 09-19-2017 07:49 PM
Son Mesaj: osdem66
  "ürün" yerine "paket" kelimesinin geçmesini istiyorum konumharita38 1 301 05-23-2017 01:19 PM
Son Mesaj: Kıroğlumarket
  Listelenecek ürün sayısı kısmını silmek istiyorum konumharita38 0 217 05-23-2017 07:00 AM
Son Mesaj: konumharita38
  [Modifikasyon] Ürün Detay Sayfasıda Küçük Bir Css Düzenlemesi Kıroğlumarket 10 5,998 04-07-2017 11:09 PM
Son Mesaj: blacktig
  Ürün İsimini Kısaltma Kıroğlumarket 10 4,094 03-22-2017 05:51 PM
Son Mesaj: oktiy
  Kampanyalı Ürünlerde Ürün Detay sayfasına İndirimde ikonu eklemek crea51 20 10,773 03-22-2017 01:58 PM
Son Mesaj: ekremyigiter
  opencart 1.5.5.1 anasayfa ürün sayısı çoğaltma oktiy 0 434 03-17-2017 09:54 AM
Son Mesaj: oktiy
  [Modifikasyon] Breadcrumb - Ürün tam yolu ITECHINN 12 4,891 03-17-2017 09:44 AM
Son Mesaj: oktiy

Ürün Kategorilerinde Css Menu Görsellik Katma indir, Ürün Kategorilerinde Css Menu Görsellik Katma Videosu, Ürün Kategorilerinde Css Menu Görsellik Katma online izle, Ürün Kategorilerinde Css Menu Görsellik Katma Bedava indir, Ürün Kategorilerinde Css Menu Görsellik Katma Yükle, Ürün Kategorilerinde Css Menu Görsellik Katma Hakkında, Ürün Kategorilerinde Css Menu Görsellik Katma nedir, Ürün Kategorilerinde Css Menu Görsellik Katma Free indir, Ürün Kategorilerinde Css Menu Görsellik Katma oyunu, Ürün Kategorilerinde Css Menu Görsellik Katma download


Forum Atla: