seoseo
tr-opencart

     
avatar Şuanki Zaman: 03-29-2017, 12:42 AMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

Modifikasyon Opencart 2.x Ürün Detayda Prettyphoto Kurulumu

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  293 - Yorum  0

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

Mesajlar: 2,997
Konular: 479
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1117
981 Mesajına, 2008 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 07-21-2016 03:21 PM
merhaba arkadaşlar bugün sizlerle birlikte opencart 2.x vesiyonlarına ait ürün detayda resim görüntüleyici olarak lighbox modifikayonunu inceleyeceğiz. magnifyzoom'a nazaran daha kullanışlı ve biraz daha özellilkli bir resim görüntüleme modifiyesidir. Bu eklenti vqmod olarakta çalışmaktadır. xml dosyasını vqmod/xml klasörüne atınız. ve catalog dosyasınıda ana dizinine atınız. vqmod kullanmak istemeyenler içinse anlatıma başlıyoruz.



dosyamızı açalım:
catalog/view/theme/seninteman/template/product/

product.tpl

bulalım :


Kod:
<?php echo $footer; ?>

üst satırına ekleyelim :

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" />



dosyamızı açalım :
catalog/view/theme/seninteman/template/product/

product.tpl

bulalım :


Kod:
<?php if ($thumb || $images) { ?>
          <ul class="thumbnails">
            <?php if ($thumb) { ?>
            <li><a class="thumbnail" href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></li>
            <?php } ?>
            <?php if ($images) { ?>
            <?php foreach ($images as $image) { ?>
            <li class="image-additional"><a class="thumbnail" href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>"> <img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></li>
            <?php } ?>
            <?php } ?>
          </ul>
          <?php } ?>

Değiştirelim :

Kod:
<?php if ($thumb || $images) { ?>
          <ul class="thumbnails">
            <?php if ($thumb) { ?>
            <li><a class="thumbnail" href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" rel="prettyPhoto[pp_gal]"><img src="<?php echo $thumb; ?>" rel="prettyPhoto[pp_gal]" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></li>
            <?php } ?>
            <?php if ($images) { ?>
            <?php foreach ($images as $image) { ?>
            <li class="image-additional"><a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" rel="prettyPhoto[pp_gal]"> <img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></li>
            <?php } ?>
            <?php } ?>
          </ul>
          <?php } ?>





Bulalım :

Kod:
<?php echo $footer; ?>

Bir üst satırına ekleyiniz.

Kod:
<script type="text/javascript" charset="utf-8">
  $(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto({animation_speed: 'fast', /* fast/slow/normal */
            slideshow: 5000, /* false OR interval time in ms */
            autoplay_slideshow: false, /* true/false */
            opacity: 0.80, /* Value between 0 and 1 */
            show_title: true, /* true/false */
            allow_resize: true, /* Resize the photos bigger than viewport. true/false */
            default_width: 500,
            default_height: 344,
            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_padding: 20, /* The padding on each side of the picture */
            hideflash: false, /* Hides all the flash object on a page, set to TRUE if flash appears over prettyPhoto */
            wmode: 'opaque', /* Set the flash wmode attribute */
            autoplay: true, /* Automatically start videos: True/False */
            modal: false, /* If set to true, only the close button will close the window */
            deeplinking: false, /* Allow prettyPhoto to update the url to enable deeplinking. */
            overlay_gallery: true, /* If set to true, a gallery will overlay the fullscreen image on mouse over */
            keyboard_shortcuts: true, /* 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_fallback: true
      });
});
</script>

İşlem tamamdır, tek yapacağınız geri kalan işlem catalog klasörünü sitemizin ana dizinine atalım işlem tamamdır.


Kaynak :e-ticaretdersleri


Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: tolga35
opencart temaları

« Önceki | Sonraki »
Cevapla  Gönder 

Opencart 2.x Ürün Detayda Prettyphoto Kurulumu Konusunun Linki Direk Link
Opencart 2.x Ürün Detayda Prettyphoto Kurulumu Konusunun HTML Kodu HTML Link
Opencart 2.x Ürün Detayda Prettyphoto Kurulumu Konusu BBCode Linki BBCode Link
Opencart 2.x Ürün Detayda Prettyphoto Kurulumu Konusunu Paylaş Sosyal Paylaş

Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  [Tema] Open Cart Ürün Sayfasındaki Adet Bölümünü Kaldırmak precious 6 1,429 03-27-2017 05:21 PM
Son Mesaj: secerely
  opencart 2.0.x serisi Tema rengini değiştirme modülü... berkant41 13 3,406 03-25-2017 12:53 PM
Son Mesaj: bektas34
  [Modifikasyon] Opencart 2.3.x Modullerde Ek Resim Gösterimi Kıroğlumarket 0 59 03-17-2017 07:02 AM
Son Mesaj: Kıroğlumarket
  Opencart ARAMA SORUNU! Kast1992 2 68 03-07-2017 12:05 AM
Son Mesaj: Kast1992
  Opencart 2.3.x Admin Ürün Listesinde Ajaxlı Olarak Aktif Pasif Yapma Kıroğlumarket 1 218 03-04-2017 09:43 PM
Son Mesaj: alfamet
  [Çözüldü] Opencart 2.2.x Admin sayfasında müşteriler bölümü açılmıyor fsm 2 616 03-02-2017 12:03 PM
Son Mesaj: ahmetsafir
  [Modifikasyon]  Opencart 2.3.x Mesafeli Satış Sözleşmesi Sayfası Ekleme Kıroğlumarket 6 622 02-25-2017 12:51 AM
Son Mesaj: ozkanwap
  [Modifikasyon] Opencart 2.x Kampanyalı Ürün Düzenlenir İndirim Etiketi Kıroğlumarket 12 3,514 02-23-2017 01:28 AM
Son Mesaj: atahan150
  En az sorunlu opencart 2.x versiyonu hangisi? Hovsanli 1 78 02-12-2017 08:23 PM
Son Mesaj: yilmaz70
  ürün detayında Havale/Eft indirimini göstermek zakokkk 0 130 02-01-2017 04:26 PM
Son Mesaj: zakokkk

Opencart 2.x Ürün Detayda Prettyphoto Kurulumu indir, Opencart 2.x Ürün Detayda Prettyphoto Kurulumu Videosu, Opencart 2.x Ürün Detayda Prettyphoto Kurulumu online izle, Opencart 2.x Ürün Detayda Prettyphoto Kurulumu Bedava indir, Opencart 2.x Ürün Detayda Prettyphoto Kurulumu Yükle, Opencart 2.x Ürün Detayda Prettyphoto Kurulumu Hakkında, Opencart 2.x Ürün Detayda Prettyphoto Kurulumu nedir, Opencart 2.x Ürün Detayda Prettyphoto Kurulumu Free indir, Opencart 2.x Ürün Detayda Prettyphoto Kurulumu oyunu, Opencart 2.x Ürün Detayda Prettyphoto Kurulumu download


Forum Atla: