seoseo
tr-opencart

     
avatar Şuanki Zaman: 03-30-2017, 05:50 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  1890 - Yorum  0

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

Mesajlar: 2,998
Konular: 479
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1117
981 Mesajına, 2008 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 İsimini Kısaltma Kıroğlumarket 10 3,155 03-22-2017 05:51 PM
Son Mesaj: oktiy
  Kampanyalı Ürünlerde Ürün Detay sayfasına İndirimde ikonu eklemek crea51 20 9,279 03-22-2017 01:58 PM
Son Mesaj: ekremyigiter
  opencart 1.5.5.1 anasayfa ürün sayısı çoğaltma oktiy 0 45 03-17-2017 09:54 AM
Son Mesaj: oktiy
  [Modifikasyon] Breadcrumb - Ürün tam yolu ITECHINN 12 3,868 03-17-2017 09:44 AM
Son Mesaj: oktiy
  Ürüne eklediğim özelliğin + fiyatı, ürün fiyatına yansımıyor. cashr00t 13 1,420 03-16-2017 01:25 AM
Son Mesaj: suko79
  Ürün Fiyatlarının Düz Hesap Olması m.ergul 0 51 03-03-2017 11:20 AM
Son Mesaj: m.ergul
  [Modifikasyon] Anasayfa Modüllerine Yeni Ürün İkonu Eklemek TECHNOLOG 29 8,958 02-27-2017 12:08 PM
Son Mesaj: sekhil
  [Modifikasyon] Ürün Detayda Arttırma Azaltma Butonu Eklemek Kıroğlumarket 2 899 02-20-2017 06:02 PM
Son Mesaj: osie01
  Opencart 1.5.1.x Ürün detay sayfasına Kampanya Geri sayım eklemek osdem66 16 8,059 01-14-2017 05:10 PM
Son Mesaj: sekhil
  [Modifikasyon] Ürün Detayda Kampanyalı Üründe İndirim Oranı Gösterme Kıroğlumarket 7 2,140 12-11-2016 02:20 PM
Son Mesaj: bedirhan61061

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