lostyazilim
tr.link

Opencart 1.5.x Ürün Detay Owl Carousel Ve Magnify Popup Modifiyesi

7 Mesajlar 1.113 Okunma
acebozum
tr.link

Kiroglumarket Kiroglumarket Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 06.11.2013
  • Yaş/Cinsiyet 38 / E
  • Meslek Esnaf
  • Konum Trabzon
  • Ad Soyad M** K**
  • Mesajlar 1681
  • Beğeniler 631 / 817
  • Ticaret 1, (%100)
Merhaba arkadaşlarsizlere bugün opencart 1.5.x versiyonlarına ait sürümler için ürün detaydaki ana resim ve ek resimleri biliriz normal sürümlerde ana resim altına serpiştirilmiştir.Biz bunu hem owl carousel ve magnify popup entegresini yapacağız. Bu entegrasyon ile ana resim dahil olmak üzere ekresimleri bir düzene alarak tek görünümde swipe olarak resimleri kaydırmalı ve otomatik geçiş +magnif popup efekti ile daha cancanlı bir hale getireceğiz. Modifikasyonu entegre ettikten sonra adminden seçenek kısmından resimlerin boyutlarıyla ir kaç ayar daha yaptıktan sonra sorunsuz çalışacaktır. Lafı uzatmadan kuralım bu eklentimizi.


...::: Videomuz :::...




İndirme link : Buradan

Opencart 1.5.x Ürün Detay Owl Carousel Ve Magnify Popup Modifiyesi Kurulumu Anlatımı

Dosyamızı Açalım : catalog/controller/

product.php

Bulalım :

$this->document->addScript('catalog/view/javascript/jquery/tabs.js');

Alt Satıra Ekleyelim :



$this->document->addStyle('catalog/view/javascript/jquery/owl-carousel/owl.carousel.css');
$this->document->addScript('catalog/view/javascript/jquery/owl-carousel/owl.carousel.min.js');


Bulalım :

$this->document->addScript('catalog/view/javascript/jquery/colorbox/jquery.colorbox-min.js');
$this->document->addStyle('catalog/view/javascript/jquery/colorbox/colorbox.css');


Değiştirelim :

$this->document->addScript('catalog/view/javascript/jquery/magnific/jquery.magnific-popup.min.js');
$this->document->addStyle('catalog/view/javascript/jquery/magnific/magnific-popup.css');


Dosyamızı Açalım : catalog/view/theme/seninteman/template/product/

product.tpl

Bulalım :



Üst Satıra Ekleyelim :



Bulalım :




<?php echo $heading_title; ?>





<?php echo $heading_title; ?>






Değiştirelim :





Bulalım Ve Silelim :

<script></script>

Bulalım :

$('input[name=\'captcha\']').val('');
}
}
});
});


Alt Satıra Ekleyelim :

$(document).ready(function() {
$('.owl-carousel').magnificPopup({
type:'image',
delegate: 'a',
gallery: {
enabled:true
}
});
});


Bulalım :



Üst Satıra Ekleyelim :

<script></script>

İşlem bu kadar son olarak sitemizden indrmiş olduğunuz arşivdeki catalog klasörünü olduğu gibi sitenizin ana dizine atınız, daha sonra adminden ayarlardan mağaza yönetiminden seçeneklerden resim boyutlarından ekresim boyutlarını 220 x 220 yapınız.

Kaynak : e-ticaretdersleri
AdonisBG

kişi bu mesajı beğendi.

wmaraci
reklam

AdonisBG AdonisBG Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 03.01.2016
  • Yaş/Cinsiyet 41 / E
  • Meslek Bilgisayar Programcısı
  • Konum Bulgaristan
  • Ad Soyad C** Ç**
  • Mesajlar 464
  • Beğeniler 18 / 218
  • Ticaret 25, (%100)
Kiroglumarket ellerine sağlık
Kiroglumarket

kişi bu mesajı beğendi.

turkojen34 turkojen34 Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 23.04.2013
  • Yaş/Cinsiyet 44 / E
  • Meslek Serbest
  • Konum İstanbul Avrupa
  • Ad Soyad İ** Y**
  • Mesajlar 1500
  • Beğeniler 459 / 444
  • Ticaret 53, (%100)
Hocam temayı mobil hale getirince resimleri parmakla kaydırma olayının adı nedir kaynak varmı.
 

 

Kiroglumarket Kiroglumarket Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 06.11.2013
  • Yaş/Cinsiyet 38 / E
  • Meslek Esnaf
  • Konum Trabzon
  • Ad Soyad M** K**
  • Mesajlar 1681
  • Beğeniler 631 / 817
  • Ticaret 1, (%100)
bu o olay swipe olarakta geçer

turkojen34
 

 

wmaraci
wmaraci

turkojen34 turkojen34 Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 23.04.2013
  • Yaş/Cinsiyet 44 / E
  • Meslek Serbest
  • Konum İstanbul Avrupa
  • Ad Soyad İ** Y**
  • Mesajlar 1500
  • Beğeniler 459 / 444
  • Ticaret 53, (%100)
1,5.x için paylaşım yaptıysan link ekleyebilirmisin hocam
 

 

Kiroglumarket Kiroglumarket Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 06.11.2013
  • Yaş/Cinsiyet 38 / E
  • Meslek Esnaf
  • Konum Trabzon
  • Ad Soyad M** K**
  • Mesajlar 1681
  • Beğeniler 631 / 817
  • Ticaret 1, (%100)
şuan yok ama hazırlarım. bana tema ve kullandığın popup bileşenini yazarmısın

turkojen34
 

 

turkojen34 turkojen34 Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 23.04.2013
  • Yaş/Cinsiyet 44 / E
  • Meslek Serbest
  • Konum İstanbul Avrupa
  • Ad Soyad İ** Y**
  • Mesajlar 1500
  • Beğeniler 459 / 444
  • Ticaret 53, (%100)
Pm atayım hocam
Kiroglumarket

kişi bu mesajı beğendi.

wmaraci
wmaraci
Konuyu toplam 2 kişi okuyor. (0 kullanıcı ve 2 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al