tr-opencart

     
avatar Şuanki Zaman: 12-19-2024, 09:26 AMHoş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  e-ticaretdersleri - Görüntüleme - Okunma  4855 - Yorum  5

e-ticaretdersleriv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,225
Konular: 520
Katılma Tarihi: Jan 2012
Rep Puanı: 102
Teşekkürler: 1169
1060 Mesajına, 2133 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...
e-ticaretdersleri
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: yusuf_07 , nokta , ITECHINN , BLaDe , fe_odaliz
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: 671
175 Mesajına, 273 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: e-ticaretdersleri
e-ticaretdersleriv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,225
Konular: 520
Katılma Tarihi: Jan 2012
Rep Puanı: 102
Teşekkürler: 1169
1060 Mesajına, 2133 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
e-ticaretdersleri
Alıntı Yaparak Cevapla
Paylaş!
BLaDev
Sağlık/Medikal
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 353
Konular: 25
Katılma Tarihi: Mar 2012
Rep Puanı: 14
Teşekkürler: 162
100 Mesajına, 196 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: e-ticaretdersleri
unsoundv
Üye
***
Üye
Çevrimdışı

Mesajlar: 74
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ş!
e-ticaretdersleriv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,225
Konular: 520
Katılma Tarihi: Jan 2012
Rep Puanı: 102
Teşekkürler: 1169
1060 Mesajına, 2133 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
e-ticaretdersleri
Alıntı Yaparak Cevapla
Paylaş!

« Ö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ü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

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