seoseo
tr-opencart

     
avatar Şuanki Zaman: 12-09-2016, 08:21 PMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

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

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  1744 - Yorum  5

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

Mesajlar: 2,966
Konular: 475
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1108
965 Mesajına, 1981 Teşekkür edildi.



Kişisel Bilgileri: v
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 manufacturerm.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:
<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{width260pxoverflow:hiddenbackground#e2e2e2; padding: 10px;}
     
.kutuBir{font-size13pt;width:600pxheight50px;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 {
    
backgroundurl('http://localhost/oc1541/menu.png'repeat-x;
     
width400px;
    
z-index350;
    
position:absolute;left:470px;top:570px;
    
height45px;
    -
webkit-border-radius7px 7px 7px 7px;
    -
moz-border-radius7px 7px 7px 7px;
    -
khtml-border-radius7px 7px 7px 7px;
    
border-radius7px 7px 7px 7px;    
    -
webkit-box-shadow2px 2px 2px #CCCCCC;
    
-moz-box-shadow2px 2px 2px #CCCCCC;
    
box-shadow2px 2px 2px #CCCCCC;    
}
 
a.tooltip {outline:none;font:bold;font-size13pt; } a.tooltip strong {line-height:30px;} a.tooltip:hover {text-decoration:none;} a.tooltip span z-index:10;display:nonepadding:14px 20pxmargin-top:60pxmargin-left:-160pxwidth:240pxline-height:16px; } a.tooltip:hover spandisplay:inlineposition:absoluteborder: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; } 


Ekli Dosya(lar) Önizleme(ler)
Resmi Büyütmek İçin Tıklayın    Resmi Büyütmek İçin Tıklayın   
.rar 1.rar Eklentiyi indir...
Boyut: 1.93 KB İndirme: 9
Telif Hakkı için Rapor Edin...
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: yusuf_07 , nokta , ITECHINN , BLaDe , fe_odaliz
opencart temaları
noktav
Süper Moderator
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 629
Konular: 24
Katılma Tarihi: Jan 2012
Rep Puanı: 12
Teşekkürler: 672
174 Mesajına, 272 Teşekkür edildi.



Kişisel Bilgileri: v
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
nokta
Bu Dünya Acılardan Kaçamayacağın Kadar Küçük,
Kaybettiklerini Bir Daha Bulamayacağın Kadar Büyüktür!..
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: Kıroğlumarket
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 2,966
Konular: 475
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1108
965 Mesajına, 1981 Teşekkür edildi.



Kişisel Bilgileri: v
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? Big Grin

resimleri yazmayı unutmuşum
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
BLaDev
Sağlık / Medikal
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 270
Konular: 22
Katılma Tarihi: Mar 2012
Rep Puanı: 11
Teşekkürler: 154
77 Mesajına, 169 Teşekkür edildi.



Kişisel Bilgileri: v
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...
BLaDe
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: Kıroğlumarket
unsoundv
Üye
***
Üye
Çevrimdışı

Mesajlar: 73
Konular: 13
Katılma Tarihi: Jan 2012
Rep Puanı: 0
Teşekkürler: 8
11 Mesajına, 15 Teşekkür edildi.



Kişisel Bilgileri: v
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.
Alıntı Yaparak Cevapla
Paylaş!
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 2,966
Konular: 475
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1108
965 Mesajına, 1981 Teşekkür edildi.



Kişisel Bilgileri: v
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
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
opencart temaları

« Önceki | Sonraki »
Cevapla  Gönder 

Öndermedikal Tarzı Basit Ürünler Sayfasında  Tüm X ürünlerini listele Modifiyesi Konusunun Linki Direk Link
Öndermedikal Tarzı Basit Ürünler Sayfasında  Tüm X ürünlerini listele Modifiyesi Konusunun HTML Kodu HTML Link
Öndermedikal Tarzı Basit Ürünler Sayfasında  Tüm X ürünlerini listele Modifiyesi Konusu BBCode Linki BBCode Link
Öndermedikal Tarzı Basit Ürünler Sayfasında  Tüm X ürünlerini listele Modifiyesi Konusunu Paylaş Sosyal Paylaş

Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  ürünler sayfasına beni ara modülü ekleme 1.5.6.4 BLaDe 6 2,106 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 228 10-05-2016 07:48 PM
Son Mesaj: darkmantr
  Kategorilerde Arama Sayfasında Stok Miktarın Gösterme Kıroğlumarket 6 1,873 06-10-2016 10:25 AM
Son Mesaj: furkanyvz
  [Mod] Admin sayfasında resim yükleme penceresi arama yaptırmak vqmod Kıroğlumarket 4 2,316 04-10-2016 09:08 PM
Son Mesaj: emrecanaaa
  [Modifikasyon] Geliştirilmiş Captcha Modifiyesi +Ajax Kıroğlumarket 2 1,178 03-07-2016 09:52 PM
Son Mesaj: gencosman
  Opencart 1.5.x versiyonda Kategori Sayfasında Alt Kategorileri Resimli Yapma osdem66 59 15,073 02-29-2016 11:30 AM
Son Mesaj: ismail-ay
  Opencart 1.5.1.x En son eklenen ürünler sayfası osdem66 10 4,653 02-18-2016 11:46 AM
Son Mesaj: text_35
  Kategori sayfasında ürün resimlerinin küçük olması sorunu cephanem 1 271 01-22-2016 12:55 PM
Son Mesaj: zekeriya
  Ödeme sayfasında yer alan tüm adımların açık olması rotring38 2 217 01-17-2016 03:13 AM
Son Mesaj: rotring38
  Opencart Gelişmiş Üst Kategori Modifiyesi Kıroğlumarket 4 1,074 11-26-2015 10:34 AM
Son Mesaj: isilcetn

Öndermedikal Tarzı Basit Ürünler Sayfasında Tüm X ürünlerini listele Modifiyesi indir, Öndermedikal Tarzı Basit Ürünler Sayfasında Tüm X ürünlerini listele Modifiyesi Videosu, Öndermedikal Tarzı Basit Ürünler Sayfasında Tüm X ürünlerini listele Modifiyesi online izle, Öndermedikal Tarzı Basit Ürünler Sayfasında Tüm X ürünlerini listele Modifiyesi Bedava indir, Öndermedikal Tarzı Basit Ürünler Sayfasında Tüm X ürünlerini listele Modifiyesi Yükle, Öndermedikal Tarzı Basit Ürünler Sayfasında Tüm X ürünlerini listele Modifiyesi Hakkında, Öndermedikal Tarzı Basit Ürünler Sayfasında Tüm X ürünlerini listele Modifiyesi nedir, Öndermedikal Tarzı Basit Ürünler Sayfasında Tüm X ürünlerini listele Modifiyesi Free indir, Öndermedikal Tarzı Basit Ürünler Sayfasında Tüm X ürünlerini listele Modifiyesi oyunu, Öndermedikal Tarzı Basit Ürünler Sayfasında Tüm X ürünlerini listele Modifiyesi download


Forum Atla: