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

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

Evet arkadaşlar sizlere bir sunumla daha karşınızdayız. Bu düzenlemeyi bir arkaşım istemişti birazdaha geliştirip sunuyorum.
Şimdi @Blade kardeşimizin ondermedikal.com sitesinde Tüm X ürünlerini listele diye bir düzenlemesi vardı bende ona benzer birazda css modifiyeli olarak sizlere sunmaya karar verdim.

Ön Not : Ekteki dosyada tooltipin resimeri buunmakta.

Online Demo

Artıları : 1-)Yarı dinamik olarak css kontrollu istenildiği yerde gösterim kolaylığı.
2-) Css te görsellik katılarak göz yormayan bir görünüm sağlandı.
3-) Tooltip eklenerek üretici resimini üretici adınıda tooltipte gösterim imkanı sağlandı.

Eksileri : 1-) İnternet explorerda görünüm bozukluğu yaşanıyor. Bunu uyumluluk görünümünde aktif yada pasif olarak yapıp düzeltebilirsiniz.
2-) Bu düzenleme sadece içerdiği kodlar bakımından ürün detayında çalışmaktadır. Farklı yerlerde göstermek için kodlarla oynamanız yada içerdiği kodları ekleyeceğiniz yerdeki model ve control dosyasında tanıtmanız gerekmektedir.

Kurulumuna geçelim ...

İlk Önce hatırlayalım ürün sayfasında ürtici logo gösterimi

Dosyayı Açınız: catalog/model/catalog/product.php

Bulunuz:

PHP Kod:

m.name AS manufacturer, 

Değiştiriniz:

PHP Kod:

m.name AS manufacturer, m.image AS man_img, 

Dosyayı Açınız: catalog/controller/product/product.php

Bulunuz:

PHP Kod:

$this->load->model('tool/image'); 

Sonrasına Ekle

PHP Kod:

if($product_info['man_img']){
                $this->data['man_img']=$this->model_tool_image->resize($product_info['man_img'],65,65);
            }else{
                $this->data['man_img']=$this->model_tool_image->resize('no_image.jpg',65,65);
            } 

Şimdi Eklentinin Kurulumuna Sıra Geldi

Dosyamızı Açalım : catalog/view/theme/seninteman/template/product/ product.tp

Bulalım :

PHP Kod:

<?php echo $content_bottom; ?></div> 

Altına Ekleyelim :

PHP Kod:

<p class="kutuBir">Tüm <?php if ($manufacturer) { ?><span><?php echo $text_manufacturer; ?></span><a class="tooltip"  href="<?php echo $manufacturers; ?>"><?php echo $manufacturer; ?><?php } ?><span><img class="callout" src="http://localhost/oc1541/callout_black.gif" ><strong>Ürettiğimiz Tüm <?php echo $manufacturer; ?> Ürünlerimiz Sondere Kaliteli Olup Siz Müşterilemize Sunulmaktadır.&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img  class="kutiki" style="float:rigth" src="<?echo$man_img;?>" title="<?echo$manufacturer;?>" width="43" height="38"/></span></a>
</a>ürünlerini listele</p> 

Dosyamızı Açalım : catalog/view/theme/seninteman/stylesheet/stylesheet.css

En sonuna Gelip Bunları Elleyelim :

Dip Not: Css ekleyeceğiniz kodlardaki resim yolları localde test ettiğimden localhost ile başlar siz kendinize göre düzeltin.

PHP Kod:

.kutu{width: 260px; overflow:hidden; background: #e2e2e2; padding: 10px;}
     .kutuBir{font-size: 13pt;width:600px; height: 50px;color:#CC3300;text-decoration:none;font:bold;position:absolute;left:400px;top:580px;z-index:350;}
       .kutikir{color:#38B0E3;text-decoration:none;font:bold;font-size: 16pt;}
              .kutiki{position:absolute;left:230px;top:6px;z-index:350;}

#menuxis {
    background: url('http://localhost/oc1541/menu.png') repeat-x;
     width: 400px;
    z-index: 350;
    position:absolute;left:470px;top:570px;
    height: 45px;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -khtml-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;    
    -webkit-box-shadow: 2px 2px 2px #CCCCCC;
    -moz-box-shadow: 2px 2px 2px #CCCCCC;
    box-shadow: 2px 2px 2px #CCCCCC;    
}
 a.tooltip {outline:none;font:bold;font-size: 13pt; } a.tooltip strong {line-height:30px;} a.tooltip:hover {text-decoration:none;} a.tooltip span { z-index:10;display:none; padding:14px 20px; margin-top:60px; margin-left:-160px; width:240px; line-height:16px; } a.tooltip:hover span{ display:inline; position:absolute; border:2px solid #FFF; color:#EEE; background:#000 url(http://localhost/oc1541/css-tooltip-gradient-bg.png) repeat-x 0 0; } .callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;} /*CSS3 extras*/ a.tooltip span { border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 0px 0px 8px 4px #666; -webkit-box-shadow: 0px 0px 8px 4px #666; box-shadow: 0px 0px 8px 4px #666; opacity: 0.8; } 

nokta Tüm Mesajlarını Bul · Konu Tarihi: **09-03-2012 09:44 PM**

Usta harikasın, emeklerine sağlık.
1.rar eki neci?
css dosyasının içeriği mevcut napcaz onu? Big Grin

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

(09-03-2012 09:44 PM)nokta Yazılan: Usta harikasın, emeklerine sağlık.
1.rar eki neci?
css dosyasının içeriği mevcut napcaz onu?

resimleri yazmayı unutmuşum

BLaDe Tüm Mesajlarını Bul · Konu Tarihi: **09-04-2012 01:32 PM**

@Kiroglumarket emeğine sağlık güzel olmuş ben siteye yaptım ama paylaşımı unutmuşum sağolasın sen gerekli işlemleri yapmışsın ellerine sağlık...

unsound Tüm Mesajlarını Bul · Konu Tarihi: **09-04-2012 03:24 PM**

Hocam çok güzel ellerine sağlık yalnız şu hızlı al ı da paylaşabilirmisin? Yada Hızlı alı FAQ gibi kullanabilirmiyiz? Teşekkürler.

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

(09-04-2012 03:24 PM)unsound Yazılan: Hocam çok güzel ellerine sağlık yalnız şu hızlı al ı da paylaşabilirmisin? Yada Hızlı alı FAQ gibi kullanabilirmiyiz? Teşekkürler.

hızlı al derken hangisinden bahsediyorsunuz ürünler sayfasındansa blade arkadaşımız paylaştı forumda arama yapın


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
	Ü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
	[Eklenti] Basit Kargo Metodu Seçme (Aras, MNG, Yurtiçi, Sürat)	GokhanKorkut	8	13,121	10-20-2020 01:40 AM Son Mesaj: feartox
	sizin için seçtiklerimiz ürünlerini slider yapma	emir28	5	1,814	11-07-2018 10:15 PM Son Mesaj: e-ticaretdersleri
	Opencart 1.5.x versiyonda Kategori Sayfasında Alt Kategorileri Resimli Yapma	osdem66	62	35,296	12-15-2017 10:01 PM Son Mesaj: FLStudio
	[Modifikasyon] Ürün Sayfasında Siparişi Tamamlama	hkntll	0	1,535	09-27-2017 09:52 PM Son Mesaj: hkntll
	[Modifikasyon] Hepsiburada tarzı tüm kategoriler	TECHNOLOG	19	16,056	01-17-2017 07:58 PM Son Mesaj: e-ticaretdersleri
	ürünler sayfasına beni ara modülü ekleme 1.5.6.4	BLaDe	6	5,057	10-28-2016 10:32 AM Son Mesaj: yakura
	Ürün resimi eklerken resim yöneticisini basit input file ile değiştirme	pialfa	2	2,058	10-05-2016 07:48 PM Son Mesaj: darkmantr
	Kategorilerde Arama Sayfasında Stok Miktarın Gösterme	e-ticaretdersleri	6	5,600	06-10-2016 10:25 AM Son Mesaj: furkanyvz

	Şuanki Zaman: 12-19-2024, 08:50 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

Modül Öndermedikal Tarzı Basit Ürünler Sayfasında Tüm X ürünlerini listele Modifiyesi