tr-opencart

     
avatar Şuanki Zaman: 10-19-2018, 09:39 AMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

Opencart 2.x Diriliş Popup Sepete Ekle Modul Kurulum

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  e-ticaretdersleri - Görüntüleme - Okunma  370 - Yorum  0

e-ticaretdersleriv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,179
Konular: 509
Katılma Tarihi: Jan 2012
Rep Puanı: 99
Teşekkürler: 1144
1027 Mesajına, 2077 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 05-28-2018 04:26 PM

Opencart 2.x Diriliş Popup Sepete Ekle Modul Kurulum Forumlardaa Bir İLK !

Herkese merhaba daha önceleri satışa sunduğum ve şimdi paylaşmayı uygun gördüğüm bir popup olarak ürünlerimizi sepete ekleme modulunu inceleyeceğiz. Opencart default kurulumlarıyla birlikte gelenstandart temalarda genellikle sepete eklenen ürünlerin geri bildirimleri sayfa yukarı kaydırılarak yeşil bir alan içersinde sepete eklenen ürünün adı şeklinde sepete eklendiğini belirtmekteydi. Tabi bu sürekli olarak sayfanın yukarı kaydırılması bir zaman sonra sıkıcı olmakta ve müşterinin ilgisini olumsuz etkilemektedir. Bu aşamada yardımımıza bu eklentimiz koşma ve sepete eklendiğinde popup şeklinde açılarak sayfa yukarı kaydırılmadan aynı konumda müşteriye eklenen ürünü göstermektedir.




KAYNAK | | E-TİCARETDERSLERİ

Diriliş Popup Sepete Ekle Modul Genel Özellikleri

1-) Eklenen Ürünün Resmini Gösterilmesi Sağllandı

2-) Eklenen Ürün Adı Ve Linki Gösterimi Sağlandı

3-) Eklenen Ürünün Kaç Adet olduğu Gösterimi Sağandı

4-) Popup Ekrand Toplam Ürün Fiyatı Ve Kdv Dahil Fyatı Gibi Gösterimler Eklendi.

5-) Eklenen Ürünün Kaldırılması Sağlandı

6-) Kasa Git Sepetim Gibi Butonların Gösterimi Eklendi

Opencart 2.x Diriliş Popup Sepete Ekle Modul Kurulum

Sitemizden İndirmiş Olduğunuz Arşiv dosyasındaki catalog klasörünü sitemizin ana dizinine atalım. Burada common.js dosyası haricinde değişen dosya yoktur.Değişen dosya bildirim uyarısına evete diyelim. Daha sonra sepete ekleme işleminde popup cart özelliğinin ürün detay da da olması için aşağıdaki değişimleri gerçekleştirelim.

Dosyamızı Açalım : catalog/view/theme/senin-teman/template/product/

product.tpl

Bulalım :


Alıntı:<script type="text/javascript"><!--
$('#button-cart').on('click', function() {
$.ajax({
url: 'index.php?route=checkout/cart/add',
type: 'post',
data: $('#product input[type=\'text\'], #product input[type=\'hidden\'], #product input[type=\'radio\']:checked, #product input[type=\'checkbox\']:checked, #product select, #product textarea'),
dataType: 'json',
beforeSend: function() {
$('#button-cart').button('loading');
},
complete: function() {
$('#button-cart').button('reset');
},
success: function(json) {
$('.alert, .text-danger').remove();
$('.form-group').removeClass('has-error');

if (json['error']) {
if (json['error']['option']) {
for (i in json['error']['option']) {
var element = $('#input-option' + i.replace('_', '-'));

if (element.parent().hasClass('input-group')) {
element.parent().after('<div class="text-danger">' + json['error']['option'][i] + '</div>');
} else {
element.after('<div class="text-danger">' + json['error']['option'][i] + '</div>');
}
}
}

if (json['error']['recurring']) {
$('select[name=\'recurring_id\']').after('<div class="text-danger">' + json['error']['recurring'] + '</div>');
}

// Highlight any found errors
$('.text-danger').parent().addClass('has-error');
}

if (json['success']) {
$('.breadcrumb').after('<div class="alert alert-success">' + json['success'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');

$('#cart > button').html('<span id="cart-total"><i class="fa fa-shopping-cart"></i> ' + json['total'] + '</span>');

$('html, body').animate({ scrollTop: 0 }, 'slow');

$('#cart > ul').load('index.php?route=common/cart/info ul li');
}
},
error: function(xhr, ajaxOptions, thrownError) {
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
}
});
});
//--></script>



Değiştirelim :

Alıntı:</script><script type="text/javascript"><!--
$('#button-cart').on('click', function() {
$.ajax({
url: 'index.php?route=checkout/cart/add',
type: 'post',
data: $('#product input[type=\'text\'], #product input[type=\'hidden\'], #product input[type=\'radio\']:checked, #product input[type=\'checkbox\']:checked, #product select, #product textarea'),
dataType: 'json',
beforeSend: function() {
$('#button-cart').button('loading');
},
complete: function() {
$('#button-cart').button('reset');
},
success: function(json) {
$('.alert, .text-danger').remove();
$('.form-group').removeClass('has-error');
if (json['error']) {
if (json['error']['option']) {
for (i in json['error']['option']) {
var element = $('#input-option' + i.replace('_', '-'));
if (element.parent().hasClass('input-group')) {
element.parent().after('<div class="text-danger">' + json['error']['option'][i] + '</div>');
} else {
element.after('<div class="text-danger">' + json['error']['option'][i] + '</div>');
}
}
}
if (json['error']['recurring']) {
$('select[name=\'recurring_id\']').after('<div class="text-danger">' + json['error']['recurring'] + '</div>');
}
// Highlight any found errors
$('.text-danger').parent().addClass('has-error');
}
if (json['success']) {

$('#cart > button').html('<span id="cart-total"><i class="fa fa-shopping-cart"></i> ' + json['total'] + '</span>');

$('#cart > ul').load('index.php?route=common/cart/info ul li');
$.ajax({
url: 'index.php?route=checkout/dirilis',
type: 'html',
success: function(html){
var newHtml = $(html).find('ul').html();
var btnCheckout = $(html).find('p.text-right a:eq(1)').text();

$('#notification .modal-footer #popup_checkout').html(btnCheckout);

$("#notification .modal-body").html('<ul style="list-style: outside none none;margin-left: -3em;">' + newHtml + '</ul>');

$("#notification .modal-body p.text-right").remove();

$("#notification").modal('show');
$("#notification .modal-footer").show();
$('#cart-total').html(json['total']);

$('#notification .btn-danger').click(function(){
$("#notification").modal('hide');
})
}
})
}
},
error: function(xhr, ajaxOptions, thrownError) {
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
}
});
});
//--></script>


Şimdi Popup Ekranın aktif olması için gerekli olan kodumuzu aşağıdaki dosyamızın en alt satırına eklememiz gerkmektedir

Dosyamızı açalım : catalog/view/theme/senin-teman/template/common/

header.tpl

En Alt Satıra Ekleyelim :




Alıntı:<div id="notification" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title"><?php echo $text_to_cart; ?></h4>
</div>
<div class="modal-body"></div>
<div class="modal-footer">
<button type="button" class="btn btn-default button-continue-shopping" data-dismiss="modal"><?php echo $button_continue ; ?></button>
<a href="<?php echo $checkout; ?>" class="btn btn-primary button-checkout"><?php echo $text_checkout ; ?></a>
</div>
</div>
</div>
</div>


Gerekli Olan Dil Kodların Eklenmesi için :

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

header.php

Bulalım :


Alıntı:$data['direction'] = $this->language->get('direction');

Alt Satıra Ekleyelim :


Alıntı:$data['text_to_cart'] = $this->language->get('text_to_cart');
$data['button_continue'] = $this->language->get('button_continue');


Şimdi Sıra Dil Dosyasında Tanımlamalarda

Dosyamızı Açalım :
catalog/language/dil-dosyan/common/

heder.php

Bulalım :


Alıntı:$_['text_all']


Alt Satıra EKleyelim :


Alıntı:$_['button_continue'] = 'Devam';
$_['text_to_cart'] = ' <i class="fa fa-check-circle" aria-hidden="true"></i> Sepetiniz';

İşlem bukadar pek yakında birazdaha gelişmiş versiyon olan payitaht gelecektir.
e-ticaretdersleri
Alıntı Yaparak Cevapla
Paylaş!

« Önceki | Sonraki »
Cevapla  Gönder 

Opencart 2.x Diriliş Popup Sepete Ekle Modul Kurulum Konusunun Linki Direk Link
Opencart 2.x Diriliş Popup Sepete Ekle Modul Kurulum Konusunun HTML Kodu HTML Link
Opencart 2.x Diriliş Popup Sepete Ekle Modul Kurulum Konusu BBCode Linki BBCode Link
Opencart 2.x Diriliş Popup Sepete Ekle Modul Kurulum Konusunu Paylaş Sosyal Paylaş

Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  [Ücretli] Opencart Nebim Winner Entegrasyonu HTNETTR1 0 65 10-10-2018 10:01 AM
Son Mesaj: HTNETTR1
  Popup Modülü dorukan67 8 1,029 10-09-2018 12:27 PM
Son Mesaj: e-ticaretdersleri
  Opencart 2.3 versiyon Sosyal Ağlarla giriş Modlü osdem66 1 540 10-08-2018 05:18 PM
Son Mesaj: uqursen
  [Mod] Opencart 2.2.x Wmaraci Popup Modulu e-ticaretdersleri 3 327 09-12-2018 04:16 PM
Son Mesaj: Turkdown
  [Mod] Opencart 2.x Ürünleri WhatsApp Ağında Satıcıya Sor e-ticaretdersleri 1 664 08-03-2018 04:46 PM
Son Mesaj: olcaybagci
  Opencart 2.x Neler Oluyor Modulu e-ticaretdersleri 0 189 08-03-2018 10:20 AM
Son Mesaj: e-ticaretdersleri
  Opencart 2.3.x Modullerde Ücretsiz Kargo Sticker Ekleme e-ticaretdersleri 1 472 07-24-2018 01:22 PM
Son Mesaj: BurakTr
  [Modifikasyon] Opencart 2.x Magic Zoom Plus Yakınlaştırma Büyük Görüntüleme e-ticaretdersleri 10 5,083 07-18-2018 09:02 AM
Son Mesaj: e-ticaretdersleri
  opencart modül ögrenme csamanci 0 214 07-13-2018 10:23 PM
Son Mesaj: csamanci
  XML İMPORT OPENCART 2.X ÜCRETSİZ ekremhuseyinhancer 0 361 06-01-2018 01:56 PM
Son Mesaj: ekremhuseyinhancer

Opencart 2.x Diriliş Popup Sepete Ekle Modul Kurulum indir, Opencart 2.x Diriliş Popup Sepete Ekle Modul Kurulum Videosu, Opencart 2.x Diriliş Popup Sepete Ekle Modul Kurulum online izle, Opencart 2.x Diriliş Popup Sepete Ekle Modul Kurulum Bedava indir, Opencart 2.x Diriliş Popup Sepete Ekle Modul Kurulum Yükle, Opencart 2.x Diriliş Popup Sepete Ekle Modul Kurulum Hakkında, Opencart 2.x Diriliş Popup Sepete Ekle Modul Kurulum nedir, Opencart 2.x Diriliş Popup Sepete Ekle Modul Kurulum Free indir, Opencart 2.x Diriliş Popup Sepete Ekle Modul Kurulum oyunu, Opencart 2.x Diriliş Popup Sepete Ekle Modul Kurulum download


Forum Atla: