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

e-ticaretdersleri Tüm Mesajlarını Bul · 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


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
	Opencart 2.3.0.2 arama sorunu	hrn.coskun	0	727	09-01-2023 04:38 PM Son Mesaj: hrn.coskun
	[Modifikasyon] Opencart Tüm Versiyonlarda Ürün Detay Sayfasına Ürün teslim tarihi eklemek	osdem66	56	29,995	11-22-2022 12:14 AM Son Mesaj: mustafasinger
	opencart journal ürün detay sayfasındaki sosyal simgeler	mehmetvearzu	1	561	11-02-2021 12:40 AM Son Mesaj: hirdavatustasi
	Ürün sayfasında fiyat alanına ufak bir ekleme yapmak	nakolik	2	714	08-27-2021 01:26 PM Son Mesaj: osdem66
	"Sepetinize X liralık ürün ekleyin ücretsiz kargo fırsatından yararlanın" hakkında	melihb1717	1	1,787	11-11-2020 10:23 AM Son Mesaj: blue021433
	Stokta ne kadar ürün var kaç liralık ürün var	isb4ck	0	1,630	10-29-2020 10:55 AM Son Mesaj: isb4ck
	Opencart da kampanya 0 tl yapamıyorum	divaneren	0	1,645	10-20-2020 03:43 PM Son Mesaj: divaneren
	Ürün Sayfasında Tüm Müşteri Gruplarının Fiyatlarını Görme	xuser20	0	1,822	05-28-2020 11:06 PM Son Mesaj: xuser20
	Opencart 2.x.x.x mail sorunu	emir28	1	2,034	05-26-2020 01:44 PM Son Mesaj: spyll
	Opencart 2.0.x de sipaiş tamamlandı sayfasında bilgiler	tarturek2	1	1,983	05-04-2020 04:32 AM Son Mesaj: teknohiz

	Şuanki Zaman: 12-19-2024, 02:53 PMHoşgeldin Misafir !
	Beni Hatırla Şifremi Hatırlat

« Önceki \| Sonraki »

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

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