seoseo
tr-opencart

     
avatar Şuanki Zaman: 12-05-2016, 11:41 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  Kıroğlumarket - Görüntüleme - Okunma  1865 - Yorum  0

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

Mesajlar: 2,964
Konular: 474
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1106
964 Mesajına, 1977 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
Exclamation Toplu ürün kapatma rekorturk 3 1,486 11-13-2016 10:56 AM
Son Mesaj: bariscaist
  admin tarafından müşterilerin sepetlerine ürün ekleme melihjohnsan 1 210 11-13-2016 10:46 AM
Son Mesaj: bariscaist
  opencart 2.x otomatik ürün kodu ekleme redwhite27 3 1,368 10-20-2016 04:33 PM
Son Mesaj: kurugaddere
  Ürün resimi eklerken resim yöneticisini basit input file ile değiştirme pialfa 2 226 10-05-2016 07:48 PM
Son Mesaj: darkmantr
  Sabit üst menü Ersen16 5 1,949 09-26-2016 11:36 AM
Son Mesaj: tolikachocolate
  ürün sayfasina telefon nosu eklemek istiyorum exkalibur 4 177 09-23-2016 10:27 PM
Son Mesaj: Kıroğlumarket
  [Modifikasyon] Ürün Gelince Haber Ver Modifikasyonu Kıroğlumarket 4 1,130 06-11-2016 03:05 PM
Son Mesaj: alicankalem
  Ürün İsimini Kısaltma Kıroğlumarket 9 2,953 05-21-2016 11:34 PM
Son Mesaj: teknotrend28
  Ürün resimi eklemenin daha kolay bir yolu var mı? pialfa 0 209 05-13-2016 01:27 PM
Son Mesaj: pialfa
  üst menü bağımsız eklame barikat87 0 176 05-03-2016 03:51 PM
Son Mesaj: barikat87

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