tr-opencart

     
avatar Şuanki Zaman: 06-12-2021, 08:33 PMHoş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  e-ticaretdersleri - Görüntüleme - Okunma  2945 - Yorum  0

e-ticaretdersleriv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,224
Konular: 520
Katılma Tarihi: Jan 2012
Rep Puanı: 102
Teşekkürler: 1169
1057 Mesajına, 2122 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...
e-ticaretdersleri
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: fe_odaliz

« Ö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 sayfasında resimlerin üzerine gelindiğinde aktif etmek e-ticaretdersleri 1 2,550 04-28-2021 05:14 AM
Son Mesaj: goker1
  Ürün Sayfasında Üreticiler Logosu Faklı e-ticaretdersleri 5 4,423 03-08-2021 01:06 PM
Son Mesaj: Mehmet1990
  Ürün Sayfasına Hemen Al butonu eklemek BLaDe 33 29,140 05-28-2020 01:09 PM
Son Mesaj: muchblood
  opencart 1.5.6 ürün ekleme oturum kapanma sorunu emir28 1 609 10-25-2019 03:04 AM
Son Mesaj: sembolpc
  [Modifikasyon] Breadcrumb - Ürün tam yolu ITECHINN 13 9,753 01-01-2019 05:23 PM
Son Mesaj: safakozt
Exclamation lcwaikiki.com gibi ürün seçeneği sistemi? yusufsayi 1 1,766 12-10-2018 11:07 PM
Son Mesaj: teknohiz
  Ürün Listeme (Session ID) Yardım alish 0 910 06-29-2018 12:56 PM
Son Mesaj: alish
  Ürün Seo URL de Kategori ve Marka adını kaldırmak.. osdem66 13 12,240 12-07-2017 04:39 PM
Son Mesaj: LaWSuiT
  [Modifikasyon] Ürün Sayfasında Siparişi Tamamlama hkntll 0 1,292 09-27-2017 09:52 PM
Son Mesaj: hkntll
  "ürün" yerine "paket" kelimesinin geçmesini istiyorum konumharita38 1 1,395 05-23-2017 01:19 PM
Son Mesaj: e-ticaretdersleri

Ü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: