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

e-ticaretdersleri Tüm Mesajlarını Bul · Konu Tarihi: **09-14-2012 03:46 PM**

Evet arkadaşlar güzel bir css3 arama kutusu modifiyesiyle daha karşınızdayım. Şimdi Değişen dosyaları sırasyıla açıklayalım . ekteki css dosyasını header da beirtilen yere atınız.

1. Header da css you eklenecek ve text kutuarında class ve id tanımlamaları yapılacak
2. Sistemin kendisine ait css dosyasında header search bloklarında değişimler yapılacak.
3. Ajax search kullanan varsa o siyah açılan liste yeni modifiyeli arama kutusuna nasıl uyumlu hale geitirilir gösterilecek.

Başlayalım

Şimdi Dosyamızı Açalım : catalog/view/theme/seninteman/styleesheet/ styleesheet.css dosyanızda ki header serach bloklarını aşıdaki gibi düzenleyiniz.

PHP Kod:

#header #search {
    position: absolute;
    top: 9px;
    right: 10px;
    
    z-index: 15;
}
#header .button-search {
    position: absolute;
    left: 287px;
    top: 9px;
    
    height: 24px;
        cursor: pointer;
}
#header #search input {
} 

Dosyamızı Açalım : [/b]catalog/view/theme/seninteman/template/common header.tpl

Bulalım :

PHP Kod:

</head> 

Üstüne Ekleyelim :

PHP Kod:

<link href="catalog/view/javascript/js/global.css" rel="stylesheet" type="text/css" media="screen" /> 

Yine aynı dosyada Bulalım :

PHP Kod:

<div id="search"> 

Başlayıp

PHP Kod:

</div> 

dahil

PHP Kod:

<div id="welcome"> 

kısmına kadar seçelim ve aşağıdaki ile değiştirelim.

PHP Kod:

<div id="search">
    <div class="button-search"></div>
    <?php if ($filter_name) { ?>
   <form id="searchbox">
    <input id="sea" type="text" name="filter_name" value="<?php echo $filter_name; ?>">
    <div class="button-search"><input id="sub" type="submit" value="<?php echo $filter_name; ?>"></div>
    <?php } else { ?>
    <input id="sea" type="text" name="filter_name" value="<?php echo $text_search; ?>"onclick="this.value = '';" >
    <div class="button-search"><input id="sub" type="submit" value="<?php echo $text_search; ?>"></div>
</form><?php } ?>

  </div> 

Eğer Ajax search kullanan arkadaşlar varsa dosyamızı açalım : catalog/view/theme/default/stylesheet/ livesearch.css Belirttiğim yerlerde kendinize göre düzenleme yapınız.

Alıntı:#livesearch_search_results {
margin:0px;
padding:5px;
position: absolute;
top: 50px; ==>> Burası konumu alt yada üste çıkarmak için
left: 15px; ==>> Burası yeri sola yada sağa çekmek için
min-width: 370px;==>> Burasıda o siyah listenin uzunluğu ayarlandığı yer

ITECHINN Tüm Mesajlarını Bul · Konu Tarihi: **09-14-2012 04:07 PM**

Dostum eline emeğine sağlık,

sen bu css işinde yeni temaya kadar gidersin artık Smile

e-ticaretdersleri Tüm Mesajlarını Bul · Konu Tarihi: **09-14-2012 04:19 PM**

teşekkürler @aytekin hocam maksadım her temaya uygun farklı görsellikler katmak


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
	Arama çalışmıyor	mextor	0	1,142	11-10-2018 12:06 AM Son Mesaj: mextor
	[Mod] Opencart 1.5.6.4 ARAMA SORUNU!	Kast1992	1	1,756	03-05-2017 08:19 PM Son Mesaj: Kast1992
	Sesli Arama Yapmak	BLaDe	6	4,178	07-12-2016 02:18 AM Son Mesaj: martin_8525
	Kategorilerde Arama Sayfasında Stok Miktarın Gösterme	e-ticaretdersleri	6	5,510	06-10-2016 10:25 AM Son Mesaj: furkanyvz
	[Mod] Admin sayfasında resim yükleme penceresi arama yaptırmak vqmod	e-ticaretdersleri	4	5,436	04-10-2016 09:08 PM Son Mesaj: emrecanaaa
	[Modifikasyon] 1.5.5.x Ve 1.5.6.x Etiket Arama Sorunu Çözümü	e-ticaretdersleri	3	3,502	03-21-2016 01:46 AM Son Mesaj: bluemonday
	OC. 1.5.6.4 arama sonuçlarında boşluklar	tuncaksoy	2	1,906	03-10-2016 06:13 PM Son Mesaj: tuncaksoy
	arama kısmında hata alıyorum	OzanDogu	2	2,716	02-21-2016 10:42 PM Son Mesaj: OzanDogu
	[Eklenti] Opencart Auto suggest product vQmod (Ajax arama tarzı resimli arama)	e-ticaretdersleri	24	12,114	11-25-2015 07:02 PM Son Mesaj: fakir
	[Modifikasyon] Ajax Arama - Resimli Sürüm	ITECHINN	60	35,199	08-22-2015 11:02 PM Son Mesaj: redwhite27

	Şuanki Zaman: 04-30-2024, 11:10 PMHoşgeldin Misafir !
	Beni Hatırla Şifremi Hatırlat

« Önceki \| Sonraki »

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

Css Arama Kutusu Görseller -4