🎁 Ücretsiz Pazaryeri Entegrasyonu 🔥 Dropshipping Bayi Özel Fiyatları 💰 Toptan Alımlarda Büyük İndirimler 🚀 Anahtar Teslim E-Ticaret Sistemleri 📈 E-Ticaret Danışmanlığı

🎁 Ücretsiz Pazaryeri Entegrasyonu 🔥 Dropshipping Bayi Özel Fiyatları 💰 Toptan Alımlarda Büyük İndirimler 🚀 Anahtar Teslim E-Ticaret Sistemleri 📈 E-Ticaret Danışmanlığı

X Kapat

Değerli Bayimiz
Sistemdeki Şuanki Bakiyeniz: -

Portbag CP01 16'' Compacto Takım Çantası

Portbag CP01 16'' Compacto Takım Çantası

Portbag CP01 16'' Compacto Takım Çantası

Portbag CP01 16'' Compacto Takım Çantası

Portbag CP01 16'' Compacto Takım Çantası

-33 % STOK TÜKENDİ

Portbag CP01 16'' Compacto Takım Çantası

Portbag CP01 16'' Compacto Takım Çantası

Portbag CP01 16'' Compacto Takım Çantası

Portbag CP01 16'' Compacto Takım Çantası

Portbag CP01 16'' Compacto Takım Çantası

0 yorum yapılmış. - Yorum Yap

852,49TL

1.264,99TL

Vergiler Hariç: 710,41TL

: Stokta yok
Ürün Kodu: CLZ202-430
Desi: 10
Kargo Firması :: Aras Kargo

741 Adet Satıldı

3156 Görüntülendi

Mevcut Seçenekler:

Kargo Etiketi Yükle

Adet

Alışveriş Listeme Ekle Karşılaştırma listesine ekle

Bayi Sipariş Destek

Bayi Teknik Destek

Ürün Açıklaması

Portbag CP01 16'' Compacto Takım Çantası

Portbag CP01 16 Compacto Takım Çantası

<iframe><p><img border=0 hspace=0 alt= align=baseline ><p><p><strong><span style=font-family: Arial; font-size: x-large;><span><strong> <p></div></div></div></div></div></div></div></div></div></div></div></div> <script type="text/javascript/defer">$('select[name=\'recurring_id\'], input[name="quantity"]').change(function(){ $.ajax({ url: 'index.php?route=product/product/getRecurringDescription', type: 'post', data: $('input[name=\'product_id\'], input[name=\'quantity\'], select[name=\'recurring_id\']'), dataType: 'json', beforeSend: function() { $('#recurring-description').html(''); }, success: function(json) { $('.alert-dismissible, .text-danger').remove(); if (json['success']) { $('#recurring-description').html(json['success']); } } }); });</script> <script type="text/javascript/defer">$('#button-cart, [data-quick-buy]').on('click', function () { var $btn = $(this); $.ajax({ url: 'index.php?route=checkout/cart/add', type: 'post', data: $( '#product .button-group-page input[type=\'text\'], #product .button-group-page input[type=\'hidden\'], #product .button-group-page input[type=\'radio\']:checked, #product .button-group-page input[type=\'checkbox\']:checked, #product .button-group-page select, #product .button-group-page textarea, ' + '#product .product-options input[type=\'text\'], #product .product-options input[type=\'hidden\'], #product .product-options input[type=\'radio\']:checked, #product .product-options input[type=\'checkbox\']:checked, #product .product-options select, #product .product-options textarea, ' + '#product select[name="recurring_id"]' ), dataType: 'json', beforeSend: function () { $('#button-cart').button('loading'); }, complete: function () { $('#button-cart').button('reset'); }, success: function (json) { $('.alert-dismissible, .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'); try { $('html, body').animate({ scrollTop: $('.form-group.has-error').offset().top - 50 }, 'slow'); } catch (e) { } } if (json['success']) { if ($('html').hasClass('popup-options')) { parent.$(".popup-options .popup-close").trigger('click'); } if (json['notification']) { parent.show_notification(json['notification']); } else { parent.$('#content').parent().before('<div class="alert alert-success alert-dismissible"><i class="fa fa-check-circle"></i> ' + json['success'] + ' <button type="button" class="close" data-dismiss="alert">×</button></div>'); } parent.$('#cart-total').html(json['total']); parent.$('#cart-items,.cart-badge').html(json['items_count']); if (json['items_count']) { parent.$('#cart-items,.cart-badge').removeClass('count-zero'); } else { parent.$('#cart-items,.cart-badge').addClass('count-zero'); } if (Journal['scrollToTop']) { parent.$('html, body').animate({ scrollTop: 0 }, 'slow'); } parent.$('.cart-content ul').load('index.php?route=common/cart/info ul li'); if (window.location.href.indexOf('quick_buy=true') !== -1) { parent.location.href = Journal['checkoutUrl']; } if ($btn.data('quick-buy') !== undefined) { location = Journal['checkoutUrl']; } if (parent.window['_QuickCheckout']) { parent.window['_QuickCheckout'].save(); } if (json['redirect']) { parent.location.href = json['redirect']; } } }, error: function (xhr, ajaxOptions, thrownError) { alert(thrownError + '\r\n' + xhr.statusText + '\r\n' + xhr.responseText); } }); });</script> <script type="text/javascript/defer">$('.date').datetimepicker({ language: 'tr', pickTime: false }); $('.datetime').datetimepicker({ language: 'tr', pickDate: true, pickTime: true }); $('.time').datetimepicker({ language: 'tr', pickDate: false }); $('button[id^=\'button-upload\']').on('click', function() { var node = this; $('#form-upload').remove(); $('body').prepend('<form enctype="multipart/form-data" id="form-upload" style="display: none;"><input type="file" name="file" /></form>'); $('#form-upload input[name=\'file\']').trigger('click'); if (typeof timer != 'undefined') { clearInterval(timer); } timer = setInterval(function() { if ($('#form-upload input[name=\'file\']').val() != '') { clearInterval(timer); $.ajax({ url: 'index.php?route=tool/upload', type: 'post', dataType: 'json', data: new FormData($('#form-upload')[0]), cache: false, contentType: false, processData: false, beforeSend: function() { $(node).button('loading'); }, complete: function() { $(node).button('reset'); }, success: function(json) { $('.text-danger').remove(); if (json['error']) { $(node).parent().find('input').after('<div class="text-danger">' + json['error'] + '</div>'); } if (json['success']) { alert(json['success']); $(node).parent().find('input').val(json['code']); } }, error: function(xhr, ajaxOptions, thrownError) { alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText); } }); } }, 500); });</script> <script type="text/javascript/defer">$(function () { $('#review').delegate('.pagination a', 'click', function(e) { e.preventDefault(); $('#review').fadeOut('slow'); $('#review').load(this.href); $('#review').fadeIn('slow'); }); $('#review').load('index.php?route=product/product/review&product_id=707120'); $('#button-review').on('click', function() { $.ajax({ url: 'index.php?route=product/product/write&product_id=707120', type: 'post', dataType: 'json', data: $("#form-review").serialize(), beforeSend: function() { $('#button-review').button('loading'); }, complete: function() { $('#button-review').button('reset'); }, success: function(json) { $('.alert-dismissible').remove(); if (json['error']) { $('#review').after('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + '</div>'); } if (json['success']) { $('#review').after('<div class="alert alert-success alert-dismissible"><i class="fa fa-check-circle"></i> ' + json['success'] + '</div>'); $('input[name=\'name\']').val(''); $('textarea[name=\'text\']').val(''); $('input[name=\'rating\']:checked').prop('checked', false); } } }); }); }); $(document).ready(function() { $('.thumbnails').magnificPopup({ type:'image', delegate: 'a', gallery: { enabled: true } }); }); $(document).ready(function () { $('.review-links a').on('click', function () { var $review = $('#review'); if ($review.length) { $('a[href="#' + $review.closest('.module-item').attr('id') + '"]').trigger('click'); $('a[href="#' + $review.closest('.tab-pane').attr('id') + '"]').trigger('click'); $('a[href="#' + $review.closest('.panel-collapse').attr('id') + '"]').trigger('click'); $review.closest('.expand-block').find('.block-expand.btn').trigger('click'); $([document.documentElement, document.body]).animate({ scrollTop: $review.offset().top - 100 }, 200); } }); });</script> <div id="bottom" class="bottom top-row"><div class="grid-rows"><div class="grid-row grid-row-bottom-1"><div class="grid-cols"><div class="grid-col grid-col-bottom-1-1"><div class="grid-items"><div class="grid-item grid-item-bottom-1-1-1"><div class="module module-products module-products-262 module-products-grid carousel-mode"><div class="module-body"><div class="tab-container"><ul class="nav nav-tabs"><li class="tab-1 active"> <a href="#products-6a26a04e524ae-tab-1" data-toggle="tab">Diğer Kategori Ürünleri</a></li></ul><div class="tab-content"><div class="module-item module-item-1 tab-pane active" id="products-6a26a04e524ae-tab-1"><div class="swiper" data-items-per-row='{"c0":{"0":{"items":4,"spacing":20},"470":{"items":2,"spacing":10}},"c1":{"0":{"items":4,"spacing":20},"":{"items":1,"spacing":0}},"c2":{"0":{"items":4,"spacing":20},"":{"items":1,"spacing":0}},"sc":{"0":{"items":1,"spacing":20}}}' data-options='{"speed":800,"autoplay":{"delay":4000},"pauseOnHover":true,"loop":false}'><div class="swiper-container" ><div class="swiper-wrapper product-grid"><div class="product-layout swiper-slide has-extra-button"><div class="product-thumb"><div class="image"> <a href="https://colezium.com/son-mektup" class="product-img "><div> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAGQAQMAAAAuu884AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAACZJREFUaN7twTEBAAAAwqD1T20MH6AAAAAAAAAAAAAAAAAAAAA+BjzwAAF1Dv6RAAAAAElFTkSuQmCC" data-src="https://colezium.com/image/catalog/image/catalog/content/images/product/9786255919441.jpg" data-srcset="https://colezium.com/image/catalog/image/catalog/content/images/product/9786255919441.jpg 1x, https://colezium.com/image/catalog/image/catalog/content/images/product/9786255919441.jpg 2x" width="300" height="400" alt="Son Mektup" title="Son Mektup" class="img-responsive img-first lazyload"/></div> </a><div class="product-labels"> <span class="product-label product-label-233 product-label-default"><b>-64 %</b></span></div></div><div class="caption"><div class="name"><a href="https://colezium.com/son-mektup">Son Mektup</a></div><div class="description">“NEFES KESEN, DUYGUSAL BİR ROMAN.”-JILL SHALVIS, NEW YORK TIMES YAZARIBeck,Eğer bu mektuğu okuyorsan falan filan işte.Son mektup meselesini biliyorsu..</div><div class="price"><div> <span class="price-new">319,06TL</span> <span class="price-old">893,37TL</span></div> <span class="price-tax">Vergiler Hariç:319,06TL</span></div><div class="rating no-rating "><div class="rating-stars"> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span></div></div><div class="buttons-wrapper"><div class="button-group"><div class="cart-group"><div class="stepper"> <input type="text" name="quantity" value="1" data-minimum="1" class="form-control"/> <input type="hidden" name="product_id" value="758644"/> <span> <i class="fa fa-angle-up"></i> <i class="fa fa-angle-down"></i> </span></div> <a class="btn btn-cart" onclick="cart.add('758644', $(this).closest('.product-thumb').find('.button-group input[name=\'quantity\']').val());" data-loading-text="<span class='btn-text'>Sepete Ekle</span>"><span class="btn-text">Sepete Ekle</span></a></div><div class="wish-group"> <a class="btn btn-wishlist" onclick="wishlist.add('758644')"><span class="btn-text">Alışveriş Listeme Ekle</span></a> <a class="btn btn-compare" onclick="compare.add('758644')"><span class="btn-text">Karşılaştırma listesine ekle</span></a></div></div></div><div class="extra-group"><div> <a class="btn btn-extra btn-extra-46" onclick="cart.add('758644', $(this).closest('.product-thumb').find('.button-group input[name=\'quantity\']').val(), true);" data-loading-text="<span class='btn-text'>Hemen Al</span>"> <span class="btn-text">Hemen Al</span> </a></div></div></div></div></div><div class="product-layout swiper-slide has-extra-button"><div class="product-thumb"><div class="image"> <a href="https://colezium.com/iphone-12-pro-max-kilif-volet-silikon-acik-yesil" class="product-img has-second-image"><div> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAGQAQMAAAAuu884AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAACZJREFUaN7twTEBAAAAwqD1T20MH6AAAAAAAAAAAAAAAAAAAAA+BjzwAAF1Dv6RAAAAAElFTkSuQmCC" data-src="https://colezium.com/image/catalog/images/i1/24uj12/364206/urunler/trk-azunar0019k-25978-iphone-12-pro-max-kilif-volet-silikon-acik-yesil-1-19221860-sw1200sh1200-2eobxgup.jpg" data-srcset="https://colezium.com/image/catalog/images/i1/24uj12/364206/urunler/trk-azunar0019k-25978-iphone-12-pro-max-kilif-volet-silikon-acik-yesil-1-19221860-sw1200sh1200-2eobxgup.jpg 1x, https://colezium.com/image/catalog/images/i1/24uj12/364206/urunler/trk-azunar0019k-25978-iphone-12-pro-max-kilif-volet-silikon-acik-yesil-1-19221860-sw1200sh1200-2eobxgup.jpg 2x" width="300" height="400" alt="İphone 12 Pro Max Kılıf Volet Silikon - Açık Yeşil" title="İphone 12 Pro Max Kılıf Volet Silikon - Açık Yeşil" class="img-responsive img-first lazyload"/> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAGQAQMAAAAuu884AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAACZJREFUaN7twTEBAAAAwqD1T20MH6AAAAAAAAAAAAAAAAAAAAA+BjzwAAF1Dv6RAAAAAElFTkSuQmCC" data-src="https://colezium.com/image/catalog/images/i1/24uj12/364206/urunler/trk-azunar0019k-25978-iphone-12-pro-max-kilif-volet-silikon-acik-yesil-2-96043596-sw1200sh1200-39kxmfk7.jpg" data-srcset="https://colezium.com/image/catalog/images/i1/24uj12/364206/urunler/trk-azunar0019k-25978-iphone-12-pro-max-kilif-volet-silikon-acik-yesil-2-96043596-sw1200sh1200-39kxmfk7.jpg 1x, https://colezium.com/image/catalog/images/i1/24uj12/364206/urunler/trk-azunar0019k-25978-iphone-12-pro-max-kilif-volet-silikon-acik-yesil-2-96043596-sw1200sh1200-39kxmfk7.jpg 2x" width="300" height="400" alt="İphone 12 Pro Max Kılıf Volet Silikon - Açık Yeşil" title="İphone 12 Pro Max Kılıf Volet Silikon - Açık Yeşil" class="img-responsive img-second lazyload"/></div> </a><div class="product-labels"> <span class="product-label product-label-233 product-label-default"><b>-63 %</b></span></div></div><div class="caption"><div class="name"><a href="https://colezium.com/iphone-12-pro-max-kilif-volet-silikon-acik-yesil">İphone 12 Pro Max Kılıf Volet Silikon - Açık Yeşil</a></div><div class="description">VOLET Silikon Kılıf✅ Şık ve Modern Tasarım Volet serisi parlak ve yumuşak dış yüzeyiyle cihazınıza premium bir görünüm kazandırır Gold detaylarla zen..</div><div class="price"><div> <span class="price-new">128,00TL</span> <span class="price-old">349,00TL</span></div> <span class="price-tax">Vergiler Hariç:106,67TL</span></div><div class="rating no-rating "><div class="rating-stars"> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span></div></div><div class="buttons-wrapper"><div class="button-group"><div class="cart-group"><div class="stepper"> <input type="text" name="quantity" value="1" data-minimum="1" class="form-control"/> <input type="hidden" name="product_id" value="793271"/> <span> <i class="fa fa-angle-up"></i> <i class="fa fa-angle-down"></i> </span></div> <a class="btn btn-cart" onclick="cart.add('793271', $(this).closest('.product-thumb').find('.button-group input[name=\'quantity\']').val());" data-loading-text="<span class='btn-text'>Sepete Ekle</span>"><span class="btn-text">Sepete Ekle</span></a></div><div class="wish-group"> <a class="btn btn-wishlist" onclick="wishlist.add('793271')"><span class="btn-text">Alışveriş Listeme Ekle</span></a> <a class="btn btn-compare" onclick="compare.add('793271')"><span class="btn-text">Karşılaştırma listesine ekle</span></a></div></div></div><div class="extra-group"><div> <a class="btn btn-extra btn-extra-46" onclick="cart.add('793271', $(this).closest('.product-thumb').find('.button-group input[name=\'quantity\']').val(), true);" data-loading-text="<span class='btn-text'>Hemen Al</span>"> <span class="btn-text">Hemen Al</span> </a></div></div></div></div></div><div class="product-layout swiper-slide has-extra-button"><div class="product-thumb"><div class="image"> <a href="https://colezium.com/ten-tabutlari" class="product-img "><div> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAGQAQMAAAAuu884AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAACZJREFUaN7twTEBAAAAwqD1T20MH6AAAAAAAAAAAAAAAAAAAAA+BjzwAAF1Dv6RAAAAAElFTkSuQmCC" data-src="https://colezium.com/image/catalog/image/catalog/content/images/product/9786057082817.jpg" data-srcset="https://colezium.com/image/catalog/image/catalog/content/images/product/9786057082817.jpg 1x, https://colezium.com/image/catalog/image/catalog/content/images/product/9786057082817.jpg 2x" width="300" height="400" alt="Ten Tabutları" title="Ten Tabutları" class="img-responsive img-first lazyload"/></div> </a><div class="product-labels"> <span class="product-label product-label-233 product-label-default"><b>-64 %</b></span></div></div><div class="caption"><div class="name"><a href="https://colezium.com/ten-tabutlari">Ten Tabutları</a></div><div class="description">bak! kuşun kanadına değdi ateşkül yağdı başımızasana güzel şiirler okuma dedimumutlanma dünyayaÜrün Adı: Ten TabutlarıÜrün Kodu: 9786057082817Yazar: A..</div><div class="price"><div> <span class="price-new">135,41TL</span> <span class="price-old">379,15TL</span></div> <span class="price-tax">Vergiler Hariç:135,41TL</span></div><div class="rating no-rating "><div class="rating-stars"> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span></div></div><div class="buttons-wrapper"><div class="button-group"><div class="cart-group"><div class="stepper"> <input type="text" name="quantity" value="1" data-minimum="1" class="form-control"/> <input type="hidden" name="product_id" value="827898"/> <span> <i class="fa fa-angle-up"></i> <i class="fa fa-angle-down"></i> </span></div> <a class="btn btn-cart" onclick="cart.add('827898', $(this).closest('.product-thumb').find('.button-group input[name=\'quantity\']').val());" data-loading-text="<span class='btn-text'>Sepete Ekle</span>"><span class="btn-text">Sepete Ekle</span></a></div><div class="wish-group"> <a class="btn btn-wishlist" onclick="wishlist.add('827898')"><span class="btn-text">Alışveriş Listeme Ekle</span></a> <a class="btn btn-compare" onclick="compare.add('827898')"><span class="btn-text">Karşılaştırma listesine ekle</span></a></div></div></div><div class="extra-group"><div> <a class="btn btn-extra btn-extra-46" onclick="cart.add('827898', $(this).closest('.product-thumb').find('.button-group input[name=\'quantity\']').val(), true);" data-loading-text="<span class='btn-text'>Hemen Al</span>"> <span class="btn-text">Hemen Al</span> </a></div></div></div></div></div><div class="product-layout swiper-slide has-extra-button"><div class="product-thumb"><div class="image"> <a href="https://colezium.com/ebru-plastik-ytong-dubeli-10-10-adet" class="product-img "><div> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAGQAQMAAAAuu884AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAACZJREFUaN7twTEBAAAAwqD1T20MH6AAAAAAAAAAAAAAAAAAAAA+BjzwAAF1Dv6RAAAAAElFTkSuQmCC" data-src="https://colezium.com/image/catalog/images/urunler/ebru-plastik-ytong-dubeli-10-33102-1.jpg" data-srcset="https://colezium.com/image/catalog/images/urunler/ebru-plastik-ytong-dubeli-10-33102-1.jpg 1x, https://colezium.com/image/catalog/images/urunler/ebru-plastik-ytong-dubeli-10-33102-1.jpg 2x" width="300" height="400" alt="Ebru Plastik Ytong Dübeli 10 - 10 Adet" title="Ebru Plastik Ytong Dübeli 10 - 10 Adet" class="img-responsive img-first lazyload"/></div> </a><div class="product-labels"> <span class="product-label product-label-233 product-label-default"><b>-60 %</b></span></div></div><div class="caption"><div class="name"><a href="https://colezium.com/ebru-plastik-ytong-dubeli-10-10-adet">Ebru Plastik Ytong Dübeli 10 - 10 Adet</a></div><div class="description">Ürün Özellikleri: Boyutlar: Dübel Çapı: 8 mm Adet: 10 Adet Malzeme: Plastik: Genellikle dayanıklı ve hafif plastik malzemeden ..</div><div class="price"><div> <span class="price-new">109,00TL</span> <span class="price-old">273,00TL</span></div> <span class="price-tax">Vergiler Hariç:90,83TL</span></div><div class="rating no-rating "><div class="rating-stars"> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span></div></div><div class="buttons-wrapper"><div class="button-group"><div class="cart-group"><div class="stepper"> <input type="text" name="quantity" value="1" data-minimum="1" class="form-control"/> <input type="hidden" name="product_id" value="862525"/> <span> <i class="fa fa-angle-up"></i> <i class="fa fa-angle-down"></i> </span></div> <a class="btn btn-cart" onclick="cart.add('862525', $(this).closest('.product-thumb').find('.button-group input[name=\'quantity\']').val());" data-loading-text="<span class='btn-text'>Sepete Ekle</span>"><span class="btn-text">Sepete Ekle</span></a></div><div class="wish-group"> <a class="btn btn-wishlist" onclick="wishlist.add('862525')"><span class="btn-text">Alışveriş Listeme Ekle</span></a> <a class="btn btn-compare" onclick="compare.add('862525')"><span class="btn-text">Karşılaştırma listesine ekle</span></a></div></div></div><div class="extra-group"><div> <a class="btn btn-extra btn-extra-46" onclick="cart.add('862525', $(this).closest('.product-thumb').find('.button-group input[name=\'quantity\']').val(), true);" data-loading-text="<span class='btn-text'>Hemen Al</span>"> <span class="btn-text">Hemen Al</span> </a></div></div></div></div></div><div class="product-layout swiper-slide has-extra-button"><div class="product-thumb"><div class="image"> <a href="https://colezium.com/gokcenin-yolu" class="product-img "><div> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAGQAQMAAAAuu884AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAACZJREFUaN7twTEBAAAAwqD1T20MH6AAAAAAAAAAAAAAAAAAAAA+BjzwAAF1Dv6RAAAAAElFTkSuQmCC" data-src="https://colezium.com/image/catalog/image/catalog/content/images/product/9786059405546.jpg" data-srcset="https://colezium.com/image/catalog/image/catalog/content/images/product/9786059405546.jpg 1x, https://colezium.com/image/catalog/image/catalog/content/images/product/9786059405546.jpg 2x" width="300" height="400" alt="Gökçe’nin Yolu" title="Gökçe’nin Yolu" class="img-responsive img-first lazyload"/></div> </a><div class="product-labels"> <span class="product-label product-label-233 product-label-default"><b>-64 %</b></span></div></div><div class="caption"><div class="name"><a href="https://colezium.com/gokcenin-yolu">Gökçe’nin Yolu</a></div><div class="description">Editörlüğünü Semih Gümüş'ün üstlendiği Köprü Kitaplar koleksiyonu 21. kitaba ulaştı. Bir gencin ormanın derinliklerinden geçip yüreğine ulaşan yolculu..</div><div class="price"><div> <span class="price-new">261,59TL</span> <span class="price-old">732,45TL</span></div> <span class="price-tax">Vergiler Hariç:261,59TL</span></div><div class="rating no-rating "><div class="rating-stars"> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span></div></div><div class="buttons-wrapper"><div class="button-group"><div class="cart-group"><div class="stepper"> <input type="text" name="quantity" value="1" data-minimum="1" class="form-control"/> <input type="hidden" name="product_id" value="621186"/> <span> <i class="fa fa-angle-up"></i> <i class="fa fa-angle-down"></i> </span></div> <a class="btn btn-cart" onclick="cart.add('621186', $(this).closest('.product-thumb').find('.button-group input[name=\'quantity\']').val());" data-loading-text="<span class='btn-text'>Sepete Ekle</span>"><span class="btn-text">Sepete Ekle</span></a></div><div class="wish-group"> <a class="btn btn-wishlist" onclick="wishlist.add('621186')"><span class="btn-text">Alışveriş Listeme Ekle</span></a> <a class="btn btn-compare" onclick="compare.add('621186')"><span class="btn-text">Karşılaştırma listesine ekle</span></a></div></div></div><div class="extra-group"><div> <a class="btn btn-extra btn-extra-46" onclick="cart.add('621186', $(this).closest('.product-thumb').find('.button-group input[name=\'quantity\']').val(), true);" data-loading-text="<span class='btn-text'>Hemen Al</span>"> <span class="btn-text">Hemen Al</span> </a></div></div></div></div></div><div class="product-layout swiper-slide has-extra-button"><div class="product-thumb"><div class="image"> <a href="https://colezium.com/asla-bir-dinozorun-karalama-yapmasina-izin-verme" class="product-img "><div> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAGQAQMAAAAuu884AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAACZJREFUaN7twTEBAAAAwqD1T20MH6AAAAAAAAAAAAAAAAAAAAA+BjzwAAF1Dv6RAAAAAElFTkSuQmCC" data-src="https://colezium.com/image/catalog/image/catalog/content/images/product/9786254361722.jpg" data-srcset="https://colezium.com/image/catalog/image/catalog/content/images/product/9786254361722.jpg 1x, https://colezium.com/image/catalog/image/catalog/content/images/product/9786254361722.jpg 2x" width="300" height="400" alt="Asla Bir Dinozorun Karalama Yapmasına İzin Verme!" title="Asla Bir Dinozorun Karalama Yapmasına İzin Verme!" class="img-responsive img-first lazyload"/></div> </a><div class="product-labels"> <span class="product-label product-label-233 product-label-default"><b>-64 %</b></span></div></div><div class="caption"><div class="name"><a href="https://colezium.com/asla-bir-dinozorun-karalama-yapmasina-izin-verme">Asla Bir Dinozorun Karalama Yapmasına İzin Verme!</a></div><div class="description">Yetişkinler zaman zaman sana ne yapman gerektiğini söyler. Hatta Asla Bir Dinozorun Karalama Yapmasına İzin Verme de diyebilirler. Bir Dinozor karalam..</div><div class="price"><div> <span class="price-new">103,53TL</span> <span class="price-old">289,88TL</span></div> <span class="price-tax">Vergiler Hariç:103,53TL</span></div><div class="rating no-rating "><div class="rating-stars"> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span></div></div><div class="buttons-wrapper"><div class="button-group"><div class="cart-group"><div class="stepper"> <input type="text" name="quantity" value="1" data-minimum="1" class="form-control"/> <input type="hidden" name="product_id" value="828423"/> <span> <i class="fa fa-angle-up"></i> <i class="fa fa-angle-down"></i> </span></div> <a class="btn btn-cart" onclick="cart.add('828423', $(this).closest('.product-thumb').find('.button-group input[name=\'quantity\']').val());" data-loading-text="<span class='btn-text'>Sepete Ekle</span>"><span class="btn-text">Sepete Ekle</span></a></div><div class="wish-group"> <a class="btn btn-wishlist" onclick="wishlist.add('828423')"><span class="btn-text">Alışveriş Listeme Ekle</span></a> <a class="btn btn-compare" onclick="compare.add('828423')"><span class="btn-text">Karşılaştırma listesine ekle</span></a></div></div></div><div class="extra-group"><div> <a class="btn btn-extra btn-extra-46" onclick="cart.add('828423', $(this).closest('.product-thumb').find('.button-group input[name=\'quantity\']').val(), true);" data-loading-text="<span class='btn-text'>Hemen Al</span>"> <span class="btn-text">Hemen Al</span> </a></div></div></div></div></div></div></div><div class="swiper-buttons"><div class="swiper-button-prev"></div><div class="swiper-button-next"></div></div><div class="swiper-pagination"></div></div></div></div></div></div></div></div></div></div></div></div></div></div> <footer><div class="grid-rows"><div class="grid-row grid-row-2"><div class="grid-cols"><div class="grid-col grid-col-1"><div class="grid-items"><div class="grid-item grid-item-1"><div class="links-menu links-menu-72"><h3 class="title module-title">Kurumsal</h3><ul class="module-body"><li class="menu-item links-menu-item links-menu-item-1"> <a href="https://colezium.com/hakkimizda" > <span class="links-text">Colezium Hakkında</span> </a></li><li class="menu-item links-menu-item links-menu-item-2"> <a href="https://colezium.com/colezium-kurumsal-bilgileri" > <span class="links-text">Kurumsal Bilgiler</span> </a></li><li class="menu-item links-menu-item links-menu-item-3"> <a href="https://colezium.com/banka-bilgilerimiz" > <span class="links-text">Banka Hesab Bilgileri</span> </a></li><li class="menu-item links-menu-item links-menu-item-4"> <a href="https://colezium.com/iletisim" > <span class="links-text">İletişim</span> </a></li><li class="menu-item links-menu-item links-menu-item-5"> <a href="https://colezium.com/kisisel-verilerin-korunmasi-ve-gizlilik-politikasi" > <span class="links-text">Gizlilik Politikası</span> </a></li><li class="menu-item links-menu-item links-menu-item-6"> <a href="https://colezium.com/kullanici-sozlesmesi" > <span class="links-text">Kullanıcı Sözleşmesi</span> </a></li><li class="menu-item links-menu-item links-menu-item-7"> <a href="https://colezium.com/teslimat-bilgileri" > <span class="links-text">Teslimat Bilgileri</span> </a></li><li class="menu-item links-menu-item links-menu-item-8"> <a href="https://colezium.com/mesafeli-satis-sozlesmesi" > <span class="links-text">Mesafeli Satış Sözleşmesi</span> </a></li><li class="menu-item links-menu-item links-menu-item-9"> <a href="https://colezium.com/index.php?route=extension/form&form_id=2" > <span class="links-text">Kariyer</span> </a></li><li class="menu-item links-menu-item links-menu-item-10"> <a href="https://colezium.com/bayi-iade-sistemi" > <span class="links-text">Bayi İade Sistemi</span> </a></li><li class="menu-item links-menu-item links-menu-item-11"> <a href="https://colezium.com/bakiye-sistemi" > <span class="links-text">Bayi Bakiye Yükleme</span> </a></li><li class="menu-item links-menu-item links-menu-item-12"> <a href="https://colezium.com/para-puan-sistemi" > <span class="links-text">Para Puan Sistemi ile Kazanç</span> </a></li></ul></div></div></div></div><div class="grid-col grid-col-2"><div class="grid-items"><div class="grid-item grid-item-1"><div class="links-menu links-menu-76"><h3 class="title module-title">Dropshipping (Stoksuz Satış) Eğitimleri</h3><ul class="module-body"><li class="menu-item links-menu-item links-menu-item-1"> <a> <span class="links-text">Trendyol Dropshipping Eğitimleri</span> </a></li><li class="menu-item links-menu-item links-menu-item-2"> <a> <span class="links-text">HepsiBurada Dropshipping Eğitimleri</span> </a></li><li class="menu-item links-menu-item links-menu-item-3"> <a> <span class="links-text">ÇiçekSepeti Dropshipping Eğitimleri</span> </a></li><li class="menu-item links-menu-item links-menu-item-4"> <a> <span class="links-text">N11 Dropshipping Eğitimleri</span> </a></li></ul></div></div><div class="grid-item grid-item-2"><div class="module module-blocks module-blocks-480 blocks-grid"><div class="module-body"><div class="module-item module-item-1 no-expand"><div class="block-body expand-block"><div class="block-wrapper"><div class="block-content block-html"><p> <a href="https://etbis.ticaret.gov.tr/tr/SiteSorgulamaSonuc?siteId=d3c34f44-4e7e-4180-90a5-d7179043ec0b" target="_blank" rel="noopener"> <img src="https://colezium.com/image/catalog/00anasayfabanner/etbis.jpg" style="width: 96px;" alt="ETBİS Kayıtlı Site"> </a> <br></p></div></div></div></div></div></div></div><div class="grid-item grid-item-3"><div class="links-menu links-menu-497"><h3 class="title module-title">Dropshipping (Stoksuz Satış) Eğitimleri</h3><ul class="module-body"><li class="menu-item links-menu-item links-menu-item-1"> <a href="https://www.facebook.com/coleziummagaza" target="_blank"> <span class="links-text">Facebook BiziTakip Edin</span> </a></li><li class="menu-item links-menu-item links-menu-item-2"> <a href="https://www.instagram.com/coleziumcomtr" target="_blank"> <span class="links-text">İnstagram BiziTakip Edin</span> </a></li></ul></div></div></div></div><div class="grid-col grid-col-3"><div class="grid-items"><div class="grid-item grid-item-1"><div class="links-menu links-menu-75"><h3 class="title module-title">Dropshipping Bayi Hizmetleri</h3><ul class="module-body"><li class="menu-item links-menu-item links-menu-item-1"> <a href="https://colezium.com/index.php?route=information/information&information_id=43" > <span class="links-text">Bayi Kolay Ürün Bulma Sistemi</span> </a></li><li class="menu-item links-menu-item links-menu-item-2"> <a href="index.php?route=emticket/emticket" > <span class="links-text">Destek ve Çözüm Merkezi</span> </a></li><li class="menu-item links-menu-item links-menu-item-3"> <a href="sikca-sorulan-sorular-colezium" > <span class="links-text">XML BAYİLİK VE DROPSHİPPİNG</span> </a></li><li class="menu-item links-menu-item links-menu-item-4"> <a href="https://colezium.com/blog/bizden-haberler" > <span class="links-text">Bizden Haberber ( Colezium - Basın )</span> </a></li><li class="menu-item links-menu-item links-menu-item-5"> <a href="https://colezium.com/blog/bayi-ozel" > <span class="links-text">Bayilere Özel Videolar</span> </a></li><li class="menu-item links-menu-item links-menu-item-6"> <a href="https://colezium.com/kitap-kirtasiye-satis-yetki-belgesi-nasil-alinir" > <span class="links-text">Kitap Satış Sertifikası Nasıl Alınır ?</span> </a></li><li class="menu-item links-menu-item links-menu-item-7"> <a href="https://colezium.com/blog" > <span class="links-text">Colezium Blog</span> </a></li><li class="menu-item links-menu-item links-menu-item-8"> <a href="https://colezium.com/index.php?route=information/information&information_id=42" > <span class="links-text">Pazar Yeri Entegrasyon Genel Bilgilendirme</span> </a></li><li class="menu-item links-menu-item links-menu-item-9"> <a href="https://colezium.com/blog/dropshipping-turkiye-adim-adim-stoksuz-e-ticaret-rehberi" > <span class="links-text">Adım Adım Stoksuz Satış Rehberi</span> </a></li><li class="menu-item links-menu-item links-menu-item-10"> <a href="https://colezium.com/blog/hesaplama-araclari" > <span class="links-text">XML Bayilik Hesablama Araçları</span> </a></li><li class="menu-item links-menu-item links-menu-item-11"> <a href="https://colezium.com/site-haritasi" > <span class="links-text">Site Haritası</span> </a></li></ul></div></div></div></div><div class="grid-col grid-col-4"><div class="grid-items"><div class="grid-item grid-item-1"><div class="links-menu links-menu-469"><h3 class="title module-title">MÜŞTERİ HİZMETLERİ</h3><ul class="module-body"><li class="menu-item links-menu-item links-menu-item-1"> <a href="https://colezium.com/sikca-sorulan-sorular-colezium" > <span class="links-text">Sıkça Sorulan Sorular</span> </a></li><li class="menu-item links-menu-item links-menu-item-2"> <a href="https://colezium.com/yeni-gelenler" > <span class="links-text">Yeni Gelen Ürünler</span> </a></li><li class="menu-item links-menu-item links-menu-item-3"> <a href="https://colezium.com/cok-satanlar-1" > <span class="links-text">En Çok Satan Ürünler</span> </a></li><li class="menu-item links-menu-item links-menu-item-5"> <a href="https://colezium.com/bayimiz-olun-dropshipping-stoksuz-satis" > <span class="links-text">Bayimiz Olun ! Dropshipping(Stoksuz Satış)</span> </a></li><li class="menu-item links-menu-item links-menu-item-6"> <a href="https://colezium.com/blog/bizden-haberler" > <span class="links-text">Bizden Haberber ( Colezium - Basın )</span> </a></li></ul></div></div><div class="grid-item grid-item-2"><div class="module module-newsletter module-newsletter-67"><div class="module-body"><div class="newsletter-text">İndirimlerden anında haberdar olmak için kayıt olabilirsiniz..</div><div class="newsletter-form"><form action="https://colezium.com/index.php?route=journal3/newsletter/newsletter&module_id=67" method="post" enctype="multipart/form-data" class="form-horizontal"><div class="input-group"> <input type="text" name="email" placeholder="Email Adresiniz" class="form-control newsletter-email"/> <span class="input-group-btn"> <button type="submit" class="btn btn-primary" data-loading-text="<span>Gönder</span>"><span>Gönder</span></button> </span></div></form></div></div></div></div><div class="grid-item grid-item-3"><div class="icons-menu icons-menu-61"><ul><li class="menu-item icons-menu-item icons-menu-item-1 icon-menu-icon"> <a data-toggle="tooltip" data-tooltip-class="icons-menu-tooltip-61" data-placement="top" title="Facebook" href="https://www.facebook.com/coleziummagaza/" target="_blank"> <span class="links-text">Facebook</span> </a></li><li class="menu-item icons-menu-item icons-menu-item-2 icon-menu-icon"> <a data-toggle="tooltip" data-tooltip-class="icons-menu-tooltip-61" data-placement="top" title="Instagram" href="https://www.instagram.com/coleziumcomtr/" target="_blank"> <span class="links-text">Instagram</span> </a></li><li class="menu-item icons-menu-item icons-menu-item-3 icon-menu-icon"> <a data-toggle="tooltip" data-tooltip-class="icons-menu-tooltip-61" data-placement="top" title="Instagram" href="https://www.instagram.com/colezium_magazalari/" target="_blank"> <span class="links-text">Instagram</span> </a></li><li class="menu-item icons-menu-item icons-menu-item-4 icon-menu-icon"> <a data-toggle="tooltip" data-tooltip-class="icons-menu-tooltip-61" data-placement="top" title="Twitter" href="https://twitter.com/" > <span class="links-text">Twitter</span> </a></li><li class="menu-item icons-menu-item icons-menu-item-5 icon-menu-icon"> <a data-toggle="tooltip" data-tooltip-class="icons-menu-tooltip-61" data-placement="top" title="Whatsapp" href="https://wa.me/905051087107" > <span class="links-text">Whatsapp</span> </a></li></ul></div></div></div></div><div class="grid-col grid-col-5"><div class="grid-items"><div class="grid-item grid-item-1"></div></div></div></div></div><div class="grid-row grid-row-3"><div class="grid-cols"><div class="grid-col grid-col-1"><div class="grid-items"><div class="grid-item grid-item-1"><div class="links-menu links-menu-77"><ul class="module-body"><li class="menu-item links-menu-item links-menu-item-1"> <a> <span class="links-text">Colezium © 1988 - ∞ Moda'nın kalbi burda atıyor. Tüm Hakları Saklıdır. <a href="https://colezium.com/" target="_blank">Colezium </a></span> </a></li></ul></div></div></div></div><div class="grid-col grid-col-2"><div class="grid-items"><div class="grid-item grid-item-1"><div class="icons-menu icons-menu-273"><ul><li class="menu-item icons-menu-item icons-menu-item-1 icon-menu-image"> <a data-toggle="tooltip" data-tooltip-class="icons-menu-tooltip-273" data-placement="top" title="Visa" href="#" > <img src="https://colezium.com/image/catalog/footer_card.png" srcset="https://colezium.com/image/catalog/footer_card.png 1x, https://colezium.com/image/catalog/footer_card.png 2x" width="" height="" alt="Visa" class="info-block-img"/> <span class="links-text">Visa</span> </a></li></ul></div></div></div></div></div></div></div></footer></div> <script src="catalog/view/theme/journal3/assets/6691774dad7ac77546bd0cbdd4616612.js?v=14218c54" defer ></script> <script type="text/javascript/defer">document.addEventListener('DOMContentLoaded', function() { var input = document.getElementById("productId"); var button = document.getElementById("btnFindProduct"); if(button) { button.addEventListener("click", function() { var productId = input.value.trim(); if (productId) { var url = "https://colezium.com/index.php?route=product/product&product_id=" + productId; window.open(url, "_blank"); } else { alert("Lütfen ürün kodu girin!"); } }); } if(input) { input.addEventListener("keypress", function(event) { if (event.key === "Enter") { button.click(); } }); } }); $(document).ready(function() { // Kategori açıklamasını bul ve ürünlerin bittiği yerin en altına taşı $('.category-description').insertAfter('.main-products-wrapper'); // Eğer yukarıdaki sınıf ismi farklıysa bu da bir alternatif: $('.category-description').appendTo('#product-category .main-container'); });</script> <style>/* --- BUTON --- */ #czBtn { position: fixed; bottom: calc(18px + env(safe-area-inset-bottom, 0px)); right: calc(18px + env(safe-area-inset-right, 0px)); z-index: 99998; width: 140px; height: 140px; cursor: pointer; overflow: visible; background: none; border: none; padding: 0; display: none; } #czBtn .cz-img-wrap { width: 140px; height: 140px; border-radius: 0; overflow: visible; background: transparent; position: relative; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 20px rgba(0,0,0,0.28); transition: transform 0.2s ease; } #czBtn:hover .cz-img-wrap { transform: scale(1.07); } #czBtn img { width: 100%; height: 145%; object-fit: contain; object-position: center center; display: block; margin: 0; } /* yeşil online nokta */ #czBtn .cz-online { position: absolute; bottom: 2px; right: 2px; width: 13px; height: 13px; background: #22c55e; border-radius: 50%; border: 2px solid #fff; } /* pulse halkası */ #czBtn .cz-pulse { position: absolute; inset: 12px; border-radius: 18px; border: 1.5px solid rgba(249, 115, 22, 0.65); animation: czPulse 2.2s ease-out infinite; pointer-events: none; } @keyframes czPulse { 0% { opacity: 0.7; transform: scale(1); } 100% { opacity: 0; transform: scale(1.16); } } /* --- KONUŞMA BALONU --- */ #czBubble { position: fixed; bottom: calc(22px + env(safe-area-inset-bottom, 0px)); right: calc(142px + env(safe-area-inset-right, 0px)); background: #1e1b4b; color: #fff; padding: 11px 15px 11px 13px; border-radius: 14px 14px 0 14px; font-size: 13px; line-height: 1.55; z-index: 99997; max-width: min(210px, calc(100vw - 156px)); box-shadow: 0 4px 18px rgba(0,0,0,0.3); display: none; cursor: pointer; box-sizing: border-box; } #czBubble .cz-close-bubble { position: absolute; top: 6px; right: 6px; width: 18px; height: 18px; background: #fff; color: #1e1b4b; border-radius: 50%; font-size: 10px; font-weight: 700; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 1px 4px rgba(0,0,0,0.2); line-height: 1; } /* --- CHAT PENCERESİ --- */ #czWin { position: fixed; bottom: calc(18px + env(safe-area-inset-bottom, 0px)); right: calc(178px + env(safe-area-inset-right, 0px)); width: min(380px, calc(100vw - 170px)); height: 510px; max-height: calc(100vh - 130px - env(safe-area-inset-bottom, 0px)); background: #fff; border-radius: 18px; box-shadow: 0 12px 50px rgba(0,0,0,0.28); display: none; flex-direction: column; overflow: hidden; z-index: 100000; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; animation: czSlideUp 0.25s ease; } @keyframes czSlideUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 768px) { #czBtn { bottom: calc(100px + env(safe-area-inset-bottom, 0px)); right: calc(12px + env(safe-area-inset-right, 0px)); } #czWin { top: 0; right: 0; bottom: 0; left: 0; width: 100vw; height: 100dvh; max-height: 100dvh; border-radius: 0; } #czInputArea { padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)); } #czBubble { display: none !important; } } @media (max-width: 480px) { #czBtn { bottom: calc(104px + env(safe-area-inset-bottom, 0px)); right: calc(14px + env(safe-area-inset-right, 0px)); width: 112px; height: 112px; } #czBubble { display: none !important; } } /* Header */ #czHeader { background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%); padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; } .cz-hdr-left { display: flex; align-items: center; gap: 10px; } .cz-hdr-avatar { width: 42px; height: 42px; border-radius: 50%; overflow: hidden; background: #fff; border: 2px solid rgba(255,255,255,0.25); flex-shrink: 0; } .cz-hdr-avatar img { width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; } .cz-hdr-name { color: #fff; font-weight: 700; font-size: 15px; letter-spacing: 0.3px; } .cz-hdr-status { display: flex; align-items: center; gap: 5px; margin-top: 2px; } .cz-hdr-dot { width: 7px; height: 7px; border-radius: 50%; background: #22c55e; animation: czBlink 2s infinite; } @keyframes czBlink { 0%,100% { opacity: 1; } 50% { opacity: 0.4; } } .cz-hdr-online { color: rgba(255,255,255,0.7); font-size: 11px; } #czCloseBtn { background: rgba(255,255,255,0.12); border: none; color: #fff; width: 30px; height: 30px; border-radius: 50%; cursor: pointer; font-size: 16px; display: flex; align-items: center; justify-content: center; transition: background 0.15s; flex-shrink: 0; } #czCloseBtn:hover { background: rgba(255,255,255,0.22); } #czEndBtn { background: rgba(255,255,255,0.10); border: 1px solid rgba(255,255,255,0.3); color: rgba(255,255,255,0.85); border-radius: 20px; padding: 4px 11px; font-size: 11px; font-weight: 600; cursor: pointer; white-space: nowrap; transition: all 0.18s ease; font-family: inherit; display: flex; align-items: center; gap: 4px; flex-shrink: 0; } #czEndBtn:hover { background: rgba(239,68,68,0.75); border-color: transparent; color: #fff; } /* Mesaj alanı */ #czMessages { flex: 1; padding: 16px 14px; overflow-y: auto; background: #f8f7ff; display: flex; flex-direction: column; gap: 10px; } #czMessages::-webkit-scrollbar { width: 4px; } #czMessages::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 4px; } /* Mesaj balonu */ .cz-msg { display: flex; align-items: flex-end; gap: 7px; max-width: 88%; } .cz-msg.cz-user { align-self: flex-end; flex-direction: row-reverse; } .cz-msg.cz-bot { align-self: flex-start; } .cz-msg-avatar { width: 28px; height: 28px; border-radius: 50%; overflow: hidden; background: #fff; flex-shrink: 0; } .cz-msg-avatar img { width: 100%; height: 100%; object-fit: contain; object-position: center; } .cz-msg-bubble { padding: 8px 12px; border-radius: 15px; font-size: 12.5px; line-height: 1.45; word-break: break-word; } .cz-user .cz-msg-bubble { background: linear-gradient(135deg, #4f46e5, #7c3aed); color: #fff; border-bottom-right-radius: 4px; } .cz-bot .cz-msg-bubble { background: #fff; color: #1f2937; border-bottom-left-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,0.08); } /* Sistem mesajı */ .cz-msg.cz-system { align-self: center; max-width: 95%; } .cz-msg.cz-system .cz-msg-bubble { background: #fef3c7; color: #92400e; font-size: 11.5px; text-align: center; border-radius: 10px; box-shadow: none; } /* Yazıyor animasyonu */ .cz-typing span { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #9ca3af; margin: 0 2px; animation: czDot 1.2s infinite ease-in-out; } .cz-typing span:nth-child(2) { animation-delay: 0.2s; } .cz-typing span:nth-child(3) { animation-delay: 0.4s; } @keyframes czDot { 0%,80%,100% { transform: scale(0.7); opacity: 0.4; } 40% { transform: scale(1.1); opacity: 1; } } /* Input alanı */ #czInputArea { border-top: 1px solid #e5e7eb; padding: 8px 12px 10px; background: #fff; display: flex; flex-direction: column; gap: 8px; flex-shrink: 0; } #czInputRow { display: flex; align-items: flex-end; gap: 8px; } /* --- Ürün Ara butonu (mesaj kutusunun yanında) --- */ #czProdWrap { position: relative; flex-shrink: 0; } #czProdToggle { display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 11px; border-radius: 50px; border: 1.5px solid #b91c1c; background: #fff; color: #b91c1c; font-weight: 600; cursor: pointer; transition: all 0.15s; font-family: inherit; white-space: nowrap; animation: czProdPulse 1.5s ease-in-out infinite; } .cz-prod-label { display: flex; flex-direction: column; align-items: center; line-height: 1.05; gap: 2px; } .cz-prod-title { font-size: 11.5px; } #czProdToggle svg { width: 14px; height: 14px; fill: currentColor; } /* AÇIK / KAPALI durum rozeti */ #czProdState { font-size: 8.5px; font-weight: 800; letter-spacing: 0.4px; padding: 1px 6px; border-radius: 50px; line-height: 1.25; } #czProdState.cz-state-off { background: #b91c1c; color: #fff; } #czProdState.cz-state-on { background: #fff; color: #4f46e5; } /* Sönük → şu anki hali; yanıyor → koyu kırmızı hale */ @keyframes czProdPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(185,28,28,0); } 50% { box-shadow: 0 0 0 5px rgba(185,28,28,0.35); } } #czProdToggle.active { background: linear-gradient(135deg, #4f46e5, #7c3aed); border-color: #4f46e5; color: #fff; box-shadow: 0 3px 10px rgba(79,70,229,0.35); animation: none; } /* Hover sohbet balonu (tooltip) */ #czProdTip { position: absolute; bottom: calc(100% + 10px); left: 0; width: 210px; background: #1e1b4b; color: #fff; font-size: 11.5px; font-weight: 500; line-height: 1.5; padding: 9px 12px; border-radius: 12px 12px 12px 2px; box-shadow: 0 6px 20px rgba(0,0,0,0.28); opacity: 0; visibility: hidden; transform: translateY(4px); transition: opacity 0.18s, transform 0.18s, visibility 0.18s; pointer-events: none; z-index: 10; } #czProdTip::after { content: ''; position: absolute; bottom: -6px; left: 16px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #1e1b4b transparent transparent transparent; } #czProdWrap:hover #czProdTip { opacity: 1; visibility: visible; transform: translateY(0); } #czText { flex: 1; border: 1.5px solid #e5e7eb; border-radius: 22px; padding: 9px 14px; font-size: 13.5px; resize: none; outline: none; max-height: 100px; line-height: 1.4; transition: border-color 0.15s; font-family: inherit; height: 40px; } #czText:focus { border-color: #6366f1; } #czSendBtn { width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #4f46e5, #7c3aed); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: transform 0.15s, opacity 0.15s; flex-shrink: 0; } #czSendBtn:hover { transform: scale(1.08); } #czSendBtn:active { transform: scale(0.95); } #czSendBtn svg { width: 18px; height: 18px; fill: #fff; } /* --- KARŞILAMA EKRANI --- */ .cz-welcome-wrap { display: flex; flex-direction: column; } .cz-welcome-hi { font-size: 12.5px; line-height: 1.45; color: #1f2937; } .cz-welcome-hi strong { color: #4f46e5; } .cz-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; } .cz-quick-chip { cursor: pointer; padding: 6px 11px; border-radius: 50px; border: 1.5px solid #6366f1; background: #fff; color: #4f46e5; font-size: 11.5px; font-weight: 600; font-family: inherit; line-height: 1.25; transition: all 0.18s ease; text-align: left; box-shadow: 0 1px 4px rgba(99,102,241,0.12); } .cz-quick-chip:hover { background: linear-gradient(135deg, #4f46e5, #7c3aed); color: #fff; border-color: transparent; transform: translateY(-2px); box-shadow: 0 5px 14px rgba(79,70,229,0.35); } .cz-welcome-footer { margin-top: 8px; font-size: 10.5px; color: #9ca3af; display: flex; align-items: center; gap: 4px; }</style> <button id="czBtn" onclick="czOpen()" aria-label="Cozmo AI Asistan"><div class="cz-pulse"></div><div class="cz-img-wrap"> <img src="/image/cozmoai.png" alt="Cozmo AI"> <span class="cz-online"></span></div> </button><div id="czBubble" onclick="czOpen()"> <span class="cz-close-bubble" onclick="event.stopPropagation(); document.getElementById('czBubble').style.display='none';">✕</span> 👋 Size nasıl<br>yardımcı olabilirim?</div><div id="czWin"><div id="czHeader"><div class="cz-hdr-left"><div class="cz-hdr-avatar"><img src="/image/cozmoai_btn.webp" alt="Cozmo AI"></div><div><div class="cz-hdr-name">COZMO AI</div><div class="cz-hdr-status"> <span class="cz-hdr-dot"></span> <span class="cz-hdr-online">Çevrimiçi · Colezium</span></div></div></div><div style="display:flex;align-items:center;gap:7px;"> <button id="czEndBtn" onclick="czEnd()" title="Konuşmayı sonlandır ve yeniden başlat">⏹ Sonlandır</button> <button id="czCloseBtn" onclick="czClose()">✕</button></div></div><div id="czMessages"></div><div id="czInputArea"><div id="czInputRow"><div id="czProdWrap"> <button id="czProdToggle" type="button" onclick="czToggleProduct()"> <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27a6.5 6.5 0 1 0-.7.7l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0A4.5 4.5 0 1 1 14 9.5 4.49 4.49 0 0 1 9.5 14z"/></svg> <span class="cz-prod-label"> <span class="cz-prod-title">Ürün Ara</span> <span id="czProdState" class="cz-state-off">KAPALI</span> </span> </button><div id="czProdTip">🔍 Ürün Arama — Asistanın ürün aramaya odaklı olması için aktif edin</div></div><textarea id="czText" placeholder="Mesaj yazın..." rows="1"></textarea><button id="czSendBtn" onclick="czSend()"> <svg viewBox="0 0 24 24"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></svg> </button></div></div></div> <script>(function() { var _open = false; var CZ_KEY = 'cz_chat_v1'; var CZ_BUBBLE_TIMER = null; var CZ_PRODUCT_MODE = false; /* --- Müşteri bilgileri (Twig'den) --- */ var CZ_CUST_ID = 0; var CZ_FIRSTNAME = ""; var CZ_LASTNAME = ""; /* --- Session ID: her tarayıcı oturumuna özel, sayfadan sayfaya kalıcı --- */ var CZ_SID = sessionStorage.getItem('cz_sid'); if (!CZ_SID) { CZ_SID = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) { var r = Math.random()*16|0, v = c=='x' ? r : (r&0x3|0x8); return v.toString(16); }); sessionStorage.setItem('cz_sid', CZ_SID); } /* --- sessionStorage: mesaj kaydet --- */ function czSaveMsg(role, html) { try { var history = JSON.parse(sessionStorage.getItem(CZ_KEY) || '[]'); history.push({role: role, html: html}); /* max 60 mesaj tut */ if (history.length > 60) history = history.slice(-60); sessionStorage.setItem(CZ_KEY, JSON.stringify(history)); } catch(e) {} } /* --- sessionStorage: geçmişi yükle --- */ function czLoadHistory() { try { var history = JSON.parse(sessionStorage.getItem(CZ_KEY) || '[]'); if (!history.length) return false; var area = document.getElementById('czMessages'); history.forEach(function(m) { var wrap = document.createElement('div'); wrap.className = 'cz-msg cz-' + m.role; if (m.role === 'bot') { wrap.innerHTML = '<div class="cz-msg-avatar"><img src="/image/cozmoai_btn.webp" alt=""></div>' + '<div class="cz-msg-bubble">' + m.html + '</div>'; } else { wrap.innerHTML = '<div class="cz-msg-bubble">' + m.html + '</div>'; } area.appendChild(wrap); }); area.scrollTop = area.scrollHeight; return true; } catch(e) { return false; } } /* --- Karşılama mesajı (ilk açılış) --- */ function czShowWelcome() { var area = document.getElementById('czMessages'); var wrap = document.createElement('div'); wrap.className = 'cz-msg cz-bot'; var avatar = document.createElement('div'); avatar.className = 'cz-msg-avatar'; avatar.innerHTML = '<img src="/image/cozmoai_btn.webp" alt="">'; var bubble = document.createElement('div'); bubble.className = 'cz-msg-bubble'; var greeting, chips; if (CZ_CUST_ID > 0 && CZ_FIRSTNAME) { greeting = 'Merhaba <strong>' + CZ_FIRSTNAME + ' ' + CZ_LASTNAME + '</strong>! 👋<br>'; greeting += 'Ben <strong>Cozmo</strong>, Colezium.com yapay zeka asistanıyım.<br>'; greeting += 'Size nasıl yardımcı olabilirim?'; chips = [ '🔍 Ürün bulmama yardım et', '↩️ İade nasıl yapılır?', '💰 Bakiye eklemek istiyorum' ]; } else { greeting = 'Merhaba! 👋 Türkiye\'nin en büyük Dropshipping tedarik zincirine hoş geldiniz!<br>'; greeting += 'Ben <strong>Cozmo</strong>, Colezium.com yapay zeka asistanıyım.<br>'; greeting += 'Size yardımcı olmak için buradayım.'; chips = [ '🚀 Nasıl üye olabilirim?', '🔗 Ücretsiz entegrasyon nedir?', '📦 Ürün çeşitleriniz neler?' ]; } var chipsHtml = '<div class="cz-quick-chips">'; chips.forEach(function(c) { var safe = c.replace(/'/g, "\\'"); chipsHtml += '<button class="cz-quick-chip" onclick="czQuickSend(this,\'' + safe + '\')">' + c + '</button>'; }); chipsHtml += '</div>'; chipsHtml += '<div class="cz-welcome-footer">✏️ veya aşağıdan kendi sorunuzu yazın.</div>'; bubble.innerHTML = '<div class="cz-welcome-wrap">' + '<div class="cz-welcome-hi">' + greeting + '</div>' + chipsHtml + '</div>'; wrap.appendChild(avatar); wrap.appendChild(bubble); area.appendChild(wrap); area.scrollTop = area.scrollHeight; czSaveMsg('bot', bubble.innerHTML); } /* --- Hızlı soru chip'i tıklandı --- */ window.czQuickSend = function(btn, msg) { var chips = btn.parentElement; if (chips) { /* Tüm chip satırını ve alt notu kaldır */ chips.nextElementSibling && chips.nextElementSibling.remove(); chips.remove(); } czAddMsg('user', msg.replace(/</g,'<').replace(/>/g,'>')); czTyping(); fetch('index.php?route=asistan/asistan', { method: 'POST', headers: {'Content-Type':'application/json'}, body: JSON.stringify({soru: msg, session_id: CZ_SID}) }) .then(function(r){ return r.json(); }) .then(function(d){ czRemoveTyping(); czTypewriteMsg(d.cevap || 'Bir hata oluştu.'); }) .catch(function(){ czRemoveTyping(); czTypewriteMsg('Bağlantı hatası. Lütfen tekrar deneyin.'); }); }; function czAddMsg(role, html) { var area = document.getElementById('czMessages'); var wrap = document.createElement('div'); wrap.className = 'cz-msg cz-' + role; if (role === 'system') { wrap.innerHTML = '<div class="cz-msg-bubble">' + html + '</div>'; } else if (role === 'bot') { wrap.innerHTML = '<div class="cz-msg-avatar"><img src="/image/cozmoai_btn.webp" alt=""></div>' + '<div class="cz-msg-bubble">' + html + '</div>'; } else { wrap.innerHTML = '<div class="cz-msg-bubble">' + html + '</div>'; } area.appendChild(wrap); area.scrollTop = area.scrollHeight; czSaveMsg(role, html); return wrap; } function czTyping() { var area = document.getElementById('czMessages'); var wrap = document.createElement('div'); wrap.className = 'cz-msg cz-bot'; wrap.id = 'czTypingEl'; wrap.innerHTML = '<div class="cz-msg-avatar"><img src="/image/cozmoai_btn.webp" alt=""></div>' + '<div class="cz-msg-bubble cz-typing"><span></span><span></span><span></span></div>'; area.appendChild(wrap); area.scrollTop = area.scrollHeight; } function czRemoveTyping() { var el = document.getElementById('czTypingEl'); if (el) el.remove(); } function czTypewriteMsg(text) { /* Markdown → basit HTML dönüşümü */ function mdToHtml(t) { return t .replace(/###\s?(.+)/g, '<strong style="font-size:13px;color:#312e81;">$1</strong>') .replace(/##\s?(.+)/g, '<strong style="font-size:13.5px;color:#312e81;">$1</strong>') .replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>') .replace(/\*(.+?)\*/g, '<em>$1</em>'); } var area = document.getElementById('czMessages'); var wrap = document.createElement('div'); wrap.className = 'cz-msg cz-bot'; var avatar = document.createElement('div'); avatar.className = 'cz-msg-avatar'; avatar.innerHTML = '<img src="/image/cozmoai_btn.webp" alt="">'; var bubble = document.createElement('div'); bubble.className = 'cz-msg-bubble'; wrap.appendChild(avatar); wrap.appendChild(bubble); area.appendChild(wrap); var chars = text.split(''); var total = chars.length; /* Uzun cevaplarda hızlan: 100 kara=20ms, 500 kara=10ms, 1000+=6ms */ var speed = total < 150 ? 22 : total < 500 ? 13 : total < 900 ? 8 : 5; var i = 0; function typeNext() { if (i >= total) return; /* Birkaç karakteri birden yaz — insan gibi "burst" hissi */ var burst = (Math.random() < 0.3) ? 2 : 1; for (var b = 0; b < burst && i < total; b++) { var ch = chars[i++]; if (ch === '\n') { bubble.appendChild(document.createElement('br')); } else { var last = bubble.lastChild; if (last && last.nodeType === 3) { last.nodeValue += ch; } else { bubble.appendChild(document.createTextNode(ch)); } } } area.scrollTop = area.scrollHeight; /* Noktalama işaretlerinde küçük duraksamalar */ var pause = /[.!?]/.test(chars[i-1]) ? speed * 8 : /[,;:]/.test(chars[i-1]) ? speed * 3 : speed; if (i >= total) { /* Typewrite bitti — önce markdown dönüştür, sonra linkleri işle */ var html = mdToHtml(text); /* \n → <br> (mdToHtml yapmadığı için) */ html = html.replace(/\n/g, '<br>'); /* Yardımcı: slug → okunabilir başlık (banka-bilgilerimiz → Banka Bilgilerimiz) */ function slugToLabel(url) { try { var parsed = new URL(url); var route = parsed.searchParams.get('route') || ''; // OpenCart route bazlı özel etiketler if (route === 'product/product') return 'Ürüne Git'; if (route === 'information/information') return 'Bilgi Sayfasına Git'; if (route === 'product/category') return 'Kategoriye Git'; var path = parsed.pathname; var slug = path.replace(/\//g, '').replace(/-/g, ' ').trim(); if (!slug) return 'Sayfayı Ziyaret Et'; return slug.replace(/\b\w/g, function(c){ return c.toUpperCase(); }); } catch(e) { return 'Sayfayı Ziyaret Et'; } } /* 1) wa.me → yeşil WhatsApp butonu */ html = html.replace(/[\[\(]?(https:\/\/wa\.me\/[0-9]+)[\]\)]?/g, '<a href="$1" target="_blank" rel="noopener noreferrer" ' + 'style="display:inline-flex;align-items:center;gap:6px;margin-top:8px;' + 'background:#25d366;color:#fff;padding:7px 16px;border-radius:22px;' + 'text-decoration:none;font-weight:600;font-size:13px;">' + '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 32 32" fill="#fff">' + '<path d="M16 3C9.373 3 4 8.373 4 15c0 2.385.668 4.607 1.824 6.504L4 29l7.724-1.793A12.94 12.94 0 0016 28c6.627 0 12-5.373 12-12S22.627 3 16 3zm6.406 17.406c-.266.748-1.566 1.43-2.148 1.516-.547.082-1.24.117-2-.125-.461-.148-1.055-.344-1.816-.672-3.195-1.375-5.285-4.59-5.445-4.805-.156-.215-1.277-1.695-1.277-3.234s.809-2.293 1.094-2.605c.285-.313.621-.391.828-.391l.598.012c.191.008.449-.074.703.535.266.629.902 2.168.98 2.324.082.156.137.34.027.551-.109.215-.164.348-.324.535-.16.191-.336.426-.48.57-.16.16-.328.332-.141.648.188.313.836 1.375 1.793 2.227 1.234 1.098 2.273 1.438 2.59 1.602.313.164.496.137.684-.082.188-.215.805-.938 1.02-1.254.211-.313.422-.262.711-.156.285.105 1.82.859 2.133 1.016.313.156.523.234.598.363.078.133.078.766-.188 1.516z"/>' + '</svg>WhatsApp\'ta Yaz</a>'); /* 2) colezium.com linkleri → branded kart buton */ html = html.replace(/(?<!["'=])\[?(https?:\/\/(?:www\.)?colezium\.com[^\s\[\]()'"<>]*?)\.?(\s|<|$)/g, function(m, url, after) { var label = slugToLabel(url); return '<br><a href="' + url + '" target="_blank" rel="noopener noreferrer" ' + 'style="display:inline-flex;align-items:center;gap:8px;margin-top:8px;' + 'background:linear-gradient(135deg,#1e1b4b,#4f46e5);color:#fff;' + 'padding:9px 16px;border-radius:12px;text-decoration:none;' + 'font-weight:600;font-size:12.5px;box-shadow:0 3px 10px rgba(79,70,229,0.35);">' + '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">' + '<path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6"/>' + '<polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/>' + '</svg>' + label + '</a>' + after; }); /* 3) Diğer dış linkler → ikon + pill */ html = html.replace(/(?<!["'=])\[?(https?:\/\/(?!wa\.me\/)(?!(?:www\.)?colezium\.com)[^\s\[\]()'"<>]+)\]?/g, '<a href="$1" target="_blank" rel="noopener noreferrer" ' + 'style="display:inline-flex;align-items:center;gap:5px;margin-top:4px;' + 'color:#4f46e5;font-weight:600;font-size:12.5px;text-decoration:none;' + 'border-bottom:1.5px solid #c7d2fe;padding-bottom:1px;">' + '<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">' + '<path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6"/>' + '<polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/>' + '</svg>$1</a>'); bubble.innerHTML = html; /* sessionStorage'a kaydet */ czSaveMsg('bot', bubble.innerHTML); } setTimeout(typeNext, pause); } typeNext(); } window.czOpen = function() { if (_open) return; _open = true; if (CZ_BUBBLE_TIMER) { clearTimeout(CZ_BUBBLE_TIMER); CZ_BUBBLE_TIMER = null; } var win = document.getElementById('czWin'); win.style.display = 'flex'; document.getElementById('czBubble').style.display = 'none'; var area = document.getElementById('czMessages'); if (!area.dataset.init) { area.dataset.init = '1'; var hasHistory = czLoadHistory(); if (!hasHistory) { czShowWelcome(); } } setTimeout(function(){ document.getElementById('czText').focus(); }, 100); }; window.czClose = function() { _open = false; document.getElementById('czWin').style.display = 'none'; }; /* Konuşmayı tamamen sıfırla — geçmişi sil, pencereyi kapat, yeniden açınca karşılama göster */ window.czEnd = function() { try { sessionStorage.removeItem(CZ_KEY); } catch(e) {} _open = false; var win = document.getElementById('czWin'); var area = document.getElementById('czMessages'); win.style.display = 'none'; area.innerHTML = ''; delete area.dataset.init; /* Balonı tekrar göster */ var bubble = document.getElementById('czBubble'); if (bubble) bubble.style.display = 'block'; }; /* Ürün Ara modunu aç/kapat */ window.czToggleProduct = function() { CZ_PRODUCT_MODE = !CZ_PRODUCT_MODE; var btn = document.getElementById('czProdToggle'); var input = document.getElementById('czText'); var state = document.getElementById('czProdState'); if (CZ_PRODUCT_MODE) { btn.classList.add('active'); input.placeholder = 'Ürün adı / model kodu / barkod yazın...'; if (state) { state.textContent = 'AÇIK'; state.className = 'cz-state-on'; } } else { btn.classList.remove('active'); input.placeholder = 'Mesaj yazın...'; if (state) { state.textContent = 'KAPALI'; state.className = 'cz-state-off'; } } }; window.czSend = function() { var input = document.getElementById('czText'); var msg = input.value.trim(); if (!msg) return; czAddMsg('user', msg.replace(/</g,'<').replace(/>/g,'>')); input.value = ''; input.style.height = '40px'; czTyping(); fetch('index.php?route=asistan/asistan', { method: 'POST', headers: {'Content-Type':'application/json'}, body: JSON.stringify({soru: msg, session_id: CZ_SID, product_mode: CZ_PRODUCT_MODE}) }) .then(function(r){ return r.json(); }) .then(function(d){ czRemoveTyping(); czTypewriteMsg(d.cevap || 'Bir hata oluştu.'); }) .catch(function(){ czRemoveTyping(); czTypewriteMsg('Bağlantı hatası. Lütfen tekrar deneyin.'); }); }; document.addEventListener('DOMContentLoaded', function() { var url = window.location.href; var yasak = ['product/product','quickcheckout/checkout']; if (!yasak.some(function(p){ return url.indexOf(p) > -1; })) { document.getElementById('czBtn').style.display = 'block'; CZ_BUBBLE_TIMER = setTimeout(function(){ if (!_open && window.innerWidth > 768) { document.getElementById('czBubble').style.display = 'block'; } }, 1800); } // textarea auto-resize + Enter gönder document.getElementById('czText').addEventListener('keydown', function(e) { if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); czSend(); } }); document.getElementById('czText').addEventListener('input', function() { this.style.height = '40px'; this.style.height = Math.min(this.scrollHeight, 100) + 'px'; }); }); })();</script> </body></html>