tr-opencart

     
avatar Şuanki Zaman: 03-29-2024, 09:26 AMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

Ürün Detay Kısmında Ürün Resimerinde pretty-photo ve Carousel Kullanımı

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  9859 - Yorum  13

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: 07-13-2012 04:33 PM

Eve arkadaşlar bir düzenleme ile bir kez daha karşınızdayız. Bu düzenlemede pretty-photo ile jcarousel kullanarak ürün detay kısmında biraz daha görsellik katacağız.

Demoyu İncele


Dosyayı Açınız : catalog/view/theme/seninteman/template/common/header.tpl

Bulunuz


PHP Kod:
</head

Öncesine Ekleyiniz

PHP Kod:
<script type="text/javascript" src="catalog/view/javascript/prettyphoto/prettyphoto/jquery.prettyPhoto.min.js"></script>
      <link rel="stylesheet" type="text/css" href="catalog/view/javascript/prettyphoto/prettyphoto/prettyPhoto-min.css" media="screen" /> 

Dosyayı Açınız:
catalog/view/theme/adefault/template/product/product.tp

Bulunuz:


PHP Kod:
<div class="image"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox" rel="colorbox"

Değiştiriniz:


PHP Kod:
<div class="image"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" rel="prettyPhoto[pp_gal]"

Bulunuz


PHP Kod:
<div class="image-additional">
        <?
php foreach ($images as $image) { ?>
        <a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title?>" class="colorbox" rel="colorbox"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title?>" alt="<?php echo $heading_title?>" /></a>
        <?php ?>
      </div>
      <?php ?>
    </div>
    <?php ?>

Değiştiriniz:


PHP Kod:
<div class="image-additional" align="center"><?php include ('catalog/view/javascript/jquery/jcarousel/jcarousel.oc.product.inc'); ?></div></div>
    <?php ?>


Bulunuz:


PHP Kod:
<?php echo $footer?>

Öncesine Ekleyiniz:


PHP Kod:
<script type="text/javascript" charset="utf-8">
  $(
document).ready(function(){
    $(
"a[rel^='prettyPhoto']").prettyPhoto({animation_speed'fast'/* fast/slow/normal */
            
slideshow5000/* false OR interval time in ms */
            
autoplay_slideshowfalse/* true/false */
            
opacity0.80/* Value between 0 and 1 */
            
show_titletrue/* true/false */
            
allow_resizetrue/* Resize the photos bigger than viewport. true/false */
            
default_width500,
            
default_height344,
            
counter_separator_label"/"/* The separator for the gallery counter 1 "of" 2 */
            
theme'dark_rounded'/* light_rounded / dark_rounded / light_square / dark_square / facebook */
            
horizontal_padding20/* The padding on each side of the picture */
            
hideflashfalse/* Hides all the flash object on a page, set to TRUE if flash appears over prettyPhoto */
            
wmode'opaque'/* Set the flash wmode attribute */
            
autoplaytrue/* Automatically start videos: True/False */
            
modalfalse/* If set to true, only the close button will close the window */
            
deeplinkingtrue/* Allow prettyPhoto to update the url to enable deeplinking. */
            
overlay_gallerytrue/* If set to true, a gallery will overlay the fullscreen image on mouse over */
            
keyboard_shortcutstrue/* Set to false if you open forms inside prettyPhoto */
            
changepicturecallback: function(){}, /* Called everytime an item is shown/changed */
            
callback: function(){}, /* Called when prettyPhoto is closed */
            
ie6_fallbacktrue
      
});
});
</script> 

Bulunuz:

PHP Kod:
<script type="text/javascript"><!--
$(
'.colorbox').colorbox({
    
overlayClosetrue,
    
opacity0.5
});
//--></script> 

Değiştiriniz:


PHP Kod:
<script type="text/javascript"><!--
$(
'.prettyPhoto[pp_gal]').prettyPhoto[pp_gal]({
    
overlayClosetrue,
    
opacity0.5
});
//--></script> 


Ekli Dosya(lar) Önizleme(ler)
Resmi Büyütmek İçin Tıklayın    Resmi Büyütmek İçin Tıklayın   
.rar prettyvsjcarousel.rar Eklentiyi indir...
Boyut: 181.38 KB İndirme: 56
Telif Hakkı için Rapor Edin...
e-ticaretdersleri
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: fe_odaliz
faysal07v
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 16
Konular: 1
Katılma Tarihi: May 2012
Rep Puanı: 0
Teşekkürler: 6
0 Mesajına, 0 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 07-14-2012 10:43 AM
Hocamm Kurulumu yaptım kontrol de ettim ama bu hatayı alıyorum Bi el Atarmısınız

/index.php?route=product/product&path=59_61&product_id=50
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: 07-14-2012 02:21 PM
sitenizi yazarmısınız bi inceleyeyim
e-ticaretdersleri
Alıntı Yaparak Cevapla
Paylaş!
faysal07v
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 16
Konular: 1
Katılma Tarihi: May 2012
Rep Puanı: 0
Teşekkürler: 6
0 Mesajına, 0 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 07-14-2012 03:24 PM
(07-14-2012 02:21 PM)Kiroglumarket Yazılan:  sitenizi yazarmısınız bi inceleyeyim

site ismini pm attım ilginiz için teşekkür ederim
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: 07-14-2012 03:34 PM
tekrardan bir uygularmısınız
e-ticaretdersleri
Alıntı Yaparak Cevapla
Paylaş!
faysal07v
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 16
Konular: 1
Katılma Tarihi: May 2012
Rep Puanı: 0
Teşekkürler: 6
0 Mesajına, 0 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 07-14-2012 03:41 PM
(07-14-2012 03:34 PM)Kiroglumarket Yazılan:  tekrardan bir uygularmısınız

Uyguladım

http://www.faysalboz.com/Demo/index.php?...duct_id=51
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: 07-14-2012 03:44 PM
vqmod kurulumu sizde birde onu deneyelim iç sunucu hatası veriyor koddan mı değilmi onu bir anlayayım
e-ticaretdersleri
Alıntı Yaparak Cevapla
Paylaş!
faysal07v
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 16
Konular: 1
Katılma Tarihi: May 2012
Rep Puanı: 0
Teşekkürler: 6
0 Mesajına, 0 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 07-14-2012 03:46 PM
(07-14-2012 03:44 PM)Kiroglumarket Yazılan:  vqmod kurulumu sizde birde onu deneyelim iç sunucu hatası veriyor koddan mı değilmi onu bir anlayayım

kurulu degil 1.5.2.1 kullanıyorum hangi sürümünü kurmalıyım
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: 07-14-2012 03:49 PM
Alıntı Yaparak Cevapla
Paylaş!
faysal07v
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 16
Konular: 1
Katılma Tarihi: May 2012
Rep Puanı: 0
Teşekkürler: 6
0 Mesajına, 0 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 07-14-2012 03:56 PM
(07-14-2012 03:49 PM)Kiroglumarket Yazılan:  http://vqmod.googlecode.com/files/vqmod-...encart.zip

msn varmı kodcenneti@hotmai.com

EKledim faysalboz07@hotmail.com
Alıntı Yaparak Cevapla
Paylaş!

« Önceki | Sonraki »
Cevapla  Gönder 

Ürün Detay Kısmında Ürün Resimerinde pretty-photo ve Carousel Kullanımı Konusunun Linki Direk Link
Ürün Detay Kısmında Ürün Resimerinde pretty-photo ve Carousel Kullanımı Konusunun HTML Kodu HTML Link
Ürün Detay Kısmında Ürün Resimerinde pretty-photo ve Carousel Kullanımı Konusu BBCode Linki BBCode Link
Ürün Detay Kısmında Ürün Resimerinde pretty-photo ve Carousel Kullanımı Konusunu Paylaş Sosyal Paylaş

Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  katagorilerdeki ürün sayılarını kaldırma mukoonline 3 7,814 11-22-2021 10:01 AM
Son Mesaj: Jadoosa
  Ürün sayfasında resimlerin üzerine gelindiğinde aktif etmek e-ticaretdersleri 1 6,979 04-28-2021 05:14 AM
Son Mesaj: goker1
  Ürün Sayfasında Üreticiler Logosu Faklı e-ticaretdersleri 5 8,868 03-08-2021 01:06 PM
Son Mesaj: Mehmet1990
  Ürün Sayfasına Hemen Al butonu eklemek BLaDe 33 31,041 05-28-2020 01:09 PM
Son Mesaj: muchblood
  opencart 1.5.6 ürün ekleme oturum kapanma sorunu emir28 1 925 10-25-2019 03:04 AM
Son Mesaj: sembolpc
  [Modifikasyon] Breadcrumb - Ürün tam yolu ITECHINN 13 10,644 01-01-2019 05:23 PM
Son Mesaj: safakozt
Exclamation lcwaikiki.com gibi ürün seçeneği sistemi? yusufsayi 1 2,135 12-10-2018 11:07 PM
Son Mesaj: teknohiz
  Ürün Listeme (Session ID) Yardım alish 0 1,207 06-29-2018 12:56 PM
Son Mesaj: alish
  Ürün Seo URL de Kategori ve Marka adını kaldırmak.. osdem66 13 13,544 12-07-2017 04:39 PM
Son Mesaj: LaWSuiT
  [Modifikasyon] Ürün Sayfasında Siparişi Tamamlama hkntll 0 1,503 09-27-2017 09:52 PM
Son Mesaj: hkntll

Ürün Detay Kısmında Ürün Resimerinde pretty-photo ve Carousel Kullanımı indir, Ürün Detay Kısmında Ürün Resimerinde pretty-photo ve Carousel Kullanımı Videosu, Ürün Detay Kısmında Ürün Resimerinde pretty-photo ve Carousel Kullanımı online izle, Ürün Detay Kısmında Ürün Resimerinde pretty-photo ve Carousel Kullanımı Bedava indir, Ürün Detay Kısmında Ürün Resimerinde pretty-photo ve Carousel Kullanımı Yükle, Ürün Detay Kısmında Ürün Resimerinde pretty-photo ve Carousel Kullanımı Hakkında, Ürün Detay Kısmında Ürün Resimerinde pretty-photo ve Carousel Kullanımı nedir, Ürün Detay Kısmında Ürün Resimerinde pretty-photo ve Carousel Kullanımı Free indir, Ürün Detay Kısmında Ürün Resimerinde pretty-photo ve Carousel Kullanımı oyunu, Ürün Detay Kısmında Ürün Resimerinde pretty-photo ve Carousel Kullanımı download


Forum Atla: