seoseo
tr-opencart

     
avatar Şuanki Zaman: 12-08-2016, 05:21 PMHoş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  4304 - Yorum  13

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

Mesajlar: 2,965
Konular: 475
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1107
965 Mesajına, 1979 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: 2,965
Konular: 475
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1107
965 Mesajına, 1979 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: 2,965
Konular: 475
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1107
965 Mesajına, 1979 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: 2,965
Konular: 475
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1107
965 Mesajına, 1979 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: 2,965
Konular: 475
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1107
965 Mesajına, 1979 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
Exclamation Toplu ürün kapatma rekorturk 3 1,491 11-13-2016 10:56 AM
Son Mesaj: bariscaist
  admin tarafından müşterilerin sepetlerine ürün ekleme melihjohnsan 1 212 11-13-2016 10:46 AM
Son Mesaj: bariscaist
  opencart 2.x otomatik ürün kodu ekleme redwhite27 3 1,373 10-20-2016 04:33 PM
Son Mesaj: kurugaddere
  Ürün resimi eklerken resim yöneticisini basit input file ile değiştirme pialfa 2 228 10-05-2016 07:48 PM
Son Mesaj: darkmantr
  ürün sayfasina telefon nosu eklemek istiyorum exkalibur 4 181 09-23-2016 10:27 PM
Son Mesaj: Kıroğlumarket
  [Modifikasyon] Ürün Gelince Haber Ver Modifikasyonu Kıroğlumarket 4 1,131 06-11-2016 03:05 PM
Son Mesaj: alicankalem
  Ürün İsimini Kısaltma Kıroğlumarket 9 2,959 05-21-2016 11:34 PM
Son Mesaj: teknotrend28
  Ürün resimi eklemenin daha kolay bir yolu var mı? pialfa 0 209 05-13-2016 01:27 PM
Son Mesaj: pialfa
  arama kısmında hata alıyorum OzanDogu 2 566 02-21-2016 10:42 PM
Son Mesaj: OzanDogu
  admin panel ürün listeleme de s-ş-ı-i türkçe karekter sorunu evren236 2 547 02-20-2016 03:25 PM
Son Mesaj: maxtor

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