seo
tr-opencart

     
avatar Şuanki Zaman: 10-21-2017, 05:50 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  Kıroğlumarket - Görüntüleme - Okunma  5123 - Yorum  13

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

Mesajlar: 3,089
Konular: 492
Katılma Tarihi: Jan 2012
Rep Puanı: 95
Teşekkürler: 1135
1008 Mesajına, 2043 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: 55
Telif Hakkı için Rapor Edin...
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: fe_odaliz
opencart temaları
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ş!
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,089
Konular: 492
Katılma Tarihi: Jan 2012
Rep Puanı: 95
Teşekkürler: 1135
1008 Mesajına, 2043 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 07-14-2012 02:21 PM
sitenizi yazarmısınız bi inceleyeyim
Kıroğlumarket
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ş!
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,089
Konular: 492
Katılma Tarihi: Jan 2012
Rep Puanı: 95
Teşekkürler: 1135
1008 Mesajına, 2043 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 07-14-2012 03:34 PM
tekrardan bir uygularmısınız
Kıroğlumarket
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ş!
opencart temaları
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,089
Konular: 492
Katılma Tarihi: Jan 2012
Rep Puanı: 95
Teşekkürler: 1135
1008 Mesajına, 2043 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
Kıroğlumarket
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ş!
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,089
Konular: 492
Katılma Tarihi: Jan 2012
Rep Puanı: 95
Teşekkürler: 1135
1008 Mesajına, 2043 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
  [Modifikasyon] Ürün Sayfasında Siparişi Tamamlama hkntll 0 74 09-27-2017 09:52 PM
Son Mesaj: hkntll
  Ürün Sayfasında Üreticiler Logosu Faklı Kıroğlumarket 4 2,017 09-19-2017 07:49 PM
Son Mesaj: osdem66
  CPU Kullanımı hakkında muglali20 2 153 08-08-2017 05:09 PM
Son Mesaj: muglali20
  "ürün" yerine "paket" kelimesinin geçmesini istiyorum konumharita38 1 208 05-23-2017 01:19 PM
Son Mesaj: Kıroğlumarket
  Listelenecek ürün sayısı kısmını silmek istiyorum konumharita38 0 150 05-23-2017 07:00 AM
Son Mesaj: konumharita38
  [Modifikasyon] Ürün Detay Sayfasıda Küçük Bir Css Düzenlemesi Kıroğlumarket 10 5,443 04-07-2017 11:09 PM
Son Mesaj: blacktig
  Ürün İsimini Kısaltma Kıroğlumarket 10 3,704 03-22-2017 05:51 PM
Son Mesaj: oktiy
  Kampanyalı Ürünlerde Ürün Detay sayfasına İndirimde ikonu eklemek crea51 20 10,107 03-22-2017 01:58 PM
Son Mesaj: ekremyigiter
  opencart 1.5.5.1 anasayfa ürün sayısı çoğaltma oktiy 0 278 03-17-2017 09:54 AM
Son Mesaj: oktiy
  [Modifikasyon] Breadcrumb - Ürün tam yolu ITECHINN 12 4,526 03-17-2017 09:44 AM
Son Mesaj: oktiy

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