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

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


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
	katagorilerdeki ürün sayılarını kaldırma	mukoonline	3	9,882	11-22-2021 10:01 AM Son Mesaj: Jadoosa
	Ürün sayfasında resimlerin üzerine gelindiğinde aktif etmek	e-ticaretdersleri	1	7,063	04-28-2021 05:14 AM Son Mesaj: goker1
	Ürün Sayfasında Üreticiler Logosu Faklı	e-ticaretdersleri	5	8,957	03-08-2021 01:06 PM Son Mesaj: Mehmet1990
	Ürün Sayfasına Hemen Al butonu eklemek	BLaDe	33	31,442	05-28-2020 01:09 PM Son Mesaj: muchblood
	opencart 1.5.6 ürün ekleme oturum kapanma sorunu	emir28	1	990	10-25-2019 03:04 AM Son Mesaj: sembolpc
	[Modifikasyon] Breadcrumb - Ürün tam yolu	ITECHINN	13	10,850	01-01-2019 05:23 PM Son Mesaj: safakozt
	lcwaikiki.com gibi ürün seçeneği sistemi?	yusufsayi	1	2,185	12-10-2018 11:07 PM Son Mesaj: teknohiz
	Ürün Listeme (Session ID) Yardım	alish	0	1,243	06-29-2018 12:56 PM Son Mesaj: alish
	Ürün Seo URL de Kategori ve Marka adını kaldırmak..	osdem66	13	13,704	12-07-2017 04:39 PM Son Mesaj: LaWSuiT
	[Modifikasyon] Ürün Sayfasında Siparişi Tamamlama	hkntll	0	1,535	09-27-2017 09:52 PM Son Mesaj: hkntll

	Şuanki Zaman: 12-19-2024, 03:10 AMHoşgeldin Misafir !
	Beni Hatırla Şifremi Hatırlat

« Önceki \| Sonraki »

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

Ürün Kategorilerinde Css Menu Görsellik Katma