🎁 Ü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 %

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

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 () { return coleziumLoginNotice(this); 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>'); } if (json['error']['stock']) { if (typeof coleziumStockNotice === 'function' && $btn && $btn[0]) { coleziumStockNotice($btn[0], json['error']['stock']); } else { parent.$('.alert-stock-warning').remove(); parent.$('#content').parent().before('<div class="alert alert-danger alert-dismissible alert-stock-warning"><i class="fa fa-exclamation-circle"></i> ' + json['error']['stock'] + ' <button type="button" class="close" data-dismiss="alert">×</button></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-6a836dc95671c-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-6a836dc95671c-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/sertec-samsung-e208e200-uyumlu-batarya" class="product-img "><div> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAGQAQMAAAAuu884AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAACZJREFUaN7twTEBAAAAwqD1T20MH6AAAAAAAAAAAAAAAAAAAAA+BjzwAAF1Dv6RAAAAAElFTkSuQmCC" data-src="https://colezium.com/image/cache/catalog/images/urunler/sertec-samsung-e208-e200-uyu-30876-1-300x400w.jpg" data-srcset="https://colezium.com/image/cache/catalog/images/urunler/sertec-samsung-e208-e200-uyu-30876-1-300x400w.jpg 1x, https://colezium.com/image/cache/catalog/images/urunler/sertec-samsung-e208-e200-uyu-30876-1-600x800w.jpg 2x" width="300" height="400" alt="SERTEC - Samsung E208/E200 Uyumlu Batarya" title="SERTEC - Samsung E208/E200 Uyumlu Batarya" class="img-responsive img-first 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/sertec-samsung-e208e200-uyumlu-batarya">SERTEC - Samsung E208/E200 Uyumlu Batarya</a></div><div class="description">MARKA: SERTEC UYUMLU MODELLER:  Samsung E208/E200 Uyumlu Batarya VOLTAJ: 3,7 V. KAPASİTE: 800 mAh. MENŞEİ: ÇİN &nb..</div><div class="price clz-card-login"><a href="https://colezium.com/hesap/giris" class="clz-card-login-btn" onclick="event.stopPropagation();window.location.href='https://colezium.com/hesap/giris';return true;"><span><i class="fa fa-lock"></i>Üyelere Özel Fiyat</span><span class="clz-card-login-sub">Üye Olunuz</span></a></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="858469"/> <span> <i class="fa fa-angle-up"></i> <i class="fa fa-angle-down"></i> </span></div> <a class="btn btn-cart" onclick="return coleziumLoginNotice(this);" 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('858469')"><span class="btn-text">Alışveriş Listeme Ekle</span></a> <a class="btn btn-compare" onclick="compare.add('858469')"><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('858469', $(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/sekiz-dakika" class="product-img "><div> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAGQAQMAAAAuu884AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAACZJREFUaN7twTEBAAAAwqD1T20MH6AAAAAAAAAAAAAAAAAAAAA+BjzwAAF1Dv6RAAAAAElFTkSuQmCC" data-src="https://colezium.com/image/cache/catalog/image/catalog/content/images/product/9786259970097-300x400h.jpg" data-srcset="https://colezium.com/image/cache/catalog/image/catalog/content/images/product/9786259970097-300x400h.jpg 1x, https://colezium.com/image/cache/catalog/image/catalog/content/images/product/9786259970097-600x800h.jpg 2x" width="300" height="400" alt="Sekiz Dakika" title="Sekiz Dakika" 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/sekiz-dakika">Sekiz Dakika</a></div><div class="description">Sekiz Dakika, Acar'ın hayatının sıradan bir gününde başlayan fantastik bir macerayı an- latıyor. Acar, okulunun eski ve gizemli bir bölümünü keşfederk..</div><div class="price clz-card-login"><a href="https://colezium.com/hesap/giris" class="clz-card-login-btn" onclick="event.stopPropagation();window.location.href='https://colezium.com/hesap/giris';return true;"><span><i class="fa fa-lock"></i>Üyelere Özel Fiyat</span><span class="clz-card-login-sub">Üye Olunuz</span></a></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="646198"/> <span> <i class="fa fa-angle-up"></i> <i class="fa fa-angle-down"></i> </span></div> <a class="btn btn-cart" onclick="return coleziumLoginNotice(this);" 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('646198')"><span class="btn-text">Alışveriş Listeme Ekle</span></a> <a class="btn btn-compare" onclick="compare.add('646198')"><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('646198', $(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/can-veren-pervaneler-6-1" class="product-img "><div> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAGQAQMAAAAuu884AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAACZJREFUaN7twTEBAAAAwqD1T20MH6AAAAAAAAAAAAAAAAAAAAA+BjzwAAF1Dv6RAAAAAElFTkSuQmCC" data-src="https://colezium.com/image/cache/catalog/image/catalog/content/images/product/9786258498233-300x400h.jpg" data-srcset="https://colezium.com/image/cache/catalog/image/catalog/content/images/product/9786258498233-300x400h.jpg 1x, https://colezium.com/image/cache/catalog/image/catalog/content/images/product/9786258498233-600x800h.jpg 2x" width="300" height="400" alt="Can Veren Pervaneler - 6" title="Can Veren Pervaneler - 6" 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/can-veren-pervaneler-6-1">Can Veren Pervaneler - 6</a></div><div class="description">“… Tatlı-hoş bir söz, kökleri sağlam ve dalları göğe doğru uzanmış güzel bir ağaca benzer ki o ağaç, Rabb’inin izniyle meyvesini, yemişini her zaman v..</div><div class="price clz-card-login"><a href="https://colezium.com/hesap/giris" class="clz-card-login-btn" onclick="event.stopPropagation();window.location.href='https://colezium.com/hesap/giris';return true;"><span><i class="fa fa-lock"></i>Üyelere Özel Fiyat</span><span class="clz-card-login-sub">Üye Olunuz</span></a></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="673905"/> <span> <i class="fa fa-angle-up"></i> <i class="fa fa-angle-down"></i> </span></div> <a class="btn btn-cart" onclick="return coleziumLoginNotice(this);" 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('673905')"><span class="btn-text">Alışveriş Listeme Ekle</span></a> <a class="btn btn-compare" onclick="compare.add('673905')"><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('673905', $(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/plastik-dubel-beyaz-6-mm-100-adet" class="product-img "><div> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAGQAQMAAAAuu884AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAACZJREFUaN7twTEBAAAAwqD1T20MH6AAAAAAAAAAAAAAAAAAAAA+BjzwAAF1Dv6RAAAAAElFTkSuQmCC" data-src="https://colezium.com/image/cache/catalog/idea/cz/80/myassets/products/916/plastik-dubel-beyaz-6-mm-10717-300x400w.jpg" data-srcset="https://colezium.com/image/cache/catalog/idea/cz/80/myassets/products/916/plastik-dubel-beyaz-6-mm-10717-300x400w.jpg 1x, https://colezium.com/image/cache/catalog/idea/cz/80/myassets/products/916/plastik-dubel-beyaz-6-mm-10717-600x800w.jpg 2x" width="300" height="400" alt="Plastik Dubel Beyaz 6 mm ( 100 Adet )" title="Plastik Dubel Beyaz 6 mm ( 100 Adet )" class="img-responsive img-first lazyload"/></div> </a><div class="product-labels"> <span class="product-label product-label-233 product-label-default"><b>-33 %</b></span></div></div><div class="caption"><div class="name"><a href="https://colezium.com/plastik-dubel-beyaz-6-mm-100-adet">Plastik Dubel Beyaz 6 mm ( 100 Adet )</a></div><div class="description">Plastik Dubel Beyaz 6 mm ( 100 Adet )Yüzey dayanımı düşük malzemelerde hafif yüklerde kullanılmaktadır. Dübelin deliğin içinde dönmesini önleyici kan..</div><div class="price clz-card-login"><a href="https://colezium.com/hesap/giris" class="clz-card-login-btn" onclick="event.stopPropagation();window.location.href='https://colezium.com/hesap/giris';return true;"><span><i class="fa fa-lock"></i>Üyelere Özel Fiyat</span><span class="clz-card-login-sub">Üye Olunuz</span></a></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="292413"/> <span> <i class="fa fa-angle-up"></i> <i class="fa fa-angle-down"></i> </span></div> <a class="btn btn-cart" onclick="return coleziumLoginNotice(this);" 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('292413')"><span class="btn-text">Alışveriş Listeme Ekle</span></a> <a class="btn btn-compare" onclick="compare.add('292413')"><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('292413', $(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/son-nefese-kadar" class="product-img "><div> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAGQAQMAAAAuu884AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAACZJREFUaN7twTEBAAAAwqD1T20MH6AAAAAAAAAAAAAAAAAAAAA+BjzwAAF1Dv6RAAAAAElFTkSuQmCC" data-src="https://colezium.com/image/cache/catalog/image/catalog/content/images/product/9786259671925-300x400h.jpg" data-srcset="https://colezium.com/image/cache/catalog/image/catalog/content/images/product/9786259671925-300x400h.jpg 1x, https://colezium.com/image/cache/catalog/image/catalog/content/images/product/9786259671925-600x800h.jpg 2x" width="300" height="400" alt="Son Nefese Kadar" title="Son Nefese Kadar" 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-nefese-kadar">Son Nefese Kadar</a></div><div class="description">“Öleceğin saat 11.11, Cesur Baybars.”Onu susturmak istediler.Düşmanları…Bir zamanlar annesini susturdukları gibi.Şirketinin bahçesinde bomba göğü yırt..</div><div class="price clz-card-login"><a href="https://colezium.com/hesap/giris" class="clz-card-login-btn" onclick="event.stopPropagation();window.location.href='https://colezium.com/hesap/giris';return true;"><span><i class="fa fa-lock"></i>Üyelere Özel Fiyat</span><span class="clz-card-login-sub">Üye Olunuz</span></a></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="757026"/> <span> <i class="fa fa-angle-up"></i> <i class="fa fa-angle-down"></i> </span></div> <a class="btn btn-cart" onclick="return coleziumLoginNotice(this);" 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('757026')"><span class="btn-text">Alışveriş Listeme Ekle</span></a> <a class="btn btn-compare" onclick="compare.add('757026')"><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('757026', $(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/kendinle-savasma-sanati" class="product-img "><div> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAGQAQMAAAAuu884AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAACZJREFUaN7twTEBAAAAwqD1T20MH6AAAAAAAAAAAAAAAAAAAAA+BjzwAAF1Dv6RAAAAAElFTkSuQmCC" data-src="https://colezium.com/image/cache/catalog/image/catalog/content/images/product/9786057572134-300x400h.jpg" data-srcset="https://colezium.com/image/cache/catalog/image/catalog/content/images/product/9786057572134-300x400h.jpg 1x, https://colezium.com/image/cache/catalog/image/catalog/content/images/product/9786057572134-600x800h.jpg 2x" width="300" height="400" alt="Kendinle Savaşma Sanatı" title="Kendinle Savaşma Sanatı" 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/kendinle-savasma-sanati">Kendinle Savaşma Sanatı</a></div><div class="description">Bir filozof ve genç bir adamın, Freud ve Jung’la birlikte on dokuzuncu yüzyılın en önemli isimlerinden Avusturyalı psikoterapist Alfred Adler’in önünü..</div><div class="price clz-card-login"><a href="https://colezium.com/hesap/giris" class="clz-card-login-btn" onclick="event.stopPropagation();window.location.href='https://colezium.com/hesap/giris';return true;"><span><i class="fa fa-lock"></i>Üyelere Özel Fiyat</span><span class="clz-card-login-sub">Üye Olunuz</span></a></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="615512"/> <span> <i class="fa fa-angle-up"></i> <i class="fa fa-angle-down"></i> </span></div> <a class="btn btn-cart" onclick="return coleziumLoginNotice(this);" 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('615512')"><span class="btn-text">Alışveriş Listeme Ekle</span></a> <a class="btn btn-compare" onclick="compare.add('615512')"><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('615512', $(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\u0131\u015f) E\u011fitimleri</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><li class="menu-item links-menu-item links-menu-item-7"> <a href="https://colezium.com/e-ticaret-danismanlik" > <span class="links-text">E-Ticaret Danismanlik</span> </a></li><li class="menu-item links-menu-item links-menu-item-8"> <a href="https://bilfold.com/" > <span class="links-text">Ücretsiz Kendi Siteni Şimdi Aç</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/bayi-kolay-urun-bulma-sistemi" > <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">Bayi Destek ve Talep Merkezi</span> </a></li><li class="menu-item links-menu-item links-menu-item-3"> <a href="https://colezium.com/xml-bayilik-dropshipping" > <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/pazaryeri-entegrasyon-genel-bilgilendirme" > <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">Dropshipping Stosuz 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/cache/catalog/footer_card-1200x153.png" srcset="https://colezium.com/image/cache/catalog/footer_card-1200x153.png 1x, https://colezium.com/image/cache/catalog/footer_card-1200x153.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: 100px; height: 100px; cursor: pointer; overflow: visible; background: none; border: none; padding: 0; display: none; } #czBtn .cz-img-wrap { width: 100px; height: 100px; 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: 112%; 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: 88px; height: 88px; } #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.webp" alt="Cozmo AI" width="100" height="100" loading="lazy" decoding="async"> <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> <style>/* === Colezium uye-girisi tesvik === */ .clz-card-login{margin:6px 0;} .clz-card-login-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:9px 8px;background:linear-gradient(135deg,#ff7a00,#ff5400);color:#fff!important;border-radius:8px;font-weight:700;font-size:13px;line-height:1.2;text-decoration:none!important;box-shadow:0 3px 10px rgba(255,90,0,.28);transition:transform .15s ease,box-shadow .15s ease;text-align:center;} .clz-card-login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,90,0,.42);color:#fff!important;} .clz-card-login-btn i{margin-right:5px;} .clz-card-login-sub{font-size:11px;font-weight:600;opacity:.95;text-decoration:underline;} .clz-product-login{margin:14px 0;position:relative;z-index:60;}.clz-product-login-box,.clz-product-login-box *{pointer-events:auto!important;}.clz-card-login{position:relative;z-index:60;}.clz-card-login-btn,.clz-card-login-btn *{pointer-events:auto!important;} .clz-product-login-box{display:block;padding:20px 24px;background:linear-gradient(135deg,#fff7f0,#ffe9d6);border:1px solid #ffd0a8;border-left:6px solid #ff5400;border-radius:14px;text-decoration:none!important;transition:box-shadow .2s ease,transform .15s ease;} .clz-product-login-box:hover{box-shadow:0 10px 26px rgba(255,84,0,.2);transform:translateY(-1px);} .clz-product-login-title{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;color:#d8430b;margin-bottom:8px;line-height:1.25;} .clz-product-login-title i{font-size:21px;flex-shrink:0;} .clz-product-login-desc{font-size:14.5px;color:#5a4636;line-height:1.5;margin-bottom:14px;} .clz-product-login-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;background:linear-gradient(135deg,#ff7a00,#ff5400);color:#fff!important;border-radius:9px;font-weight:700;font-size:15.5px;box-shadow:0 5px 14px rgba(255,90,0,.32);} .clz-product-login-cta i{font-size:16px;} .clz-login-toast{position:fixed;z-index:99999;background:linear-gradient(135deg,#2c3e50,#1c2a38);color:#fff;padding:18px 24px;border-radius:14px;font-size:16px;font-weight:700;line-height:1.4;box-shadow:0 16px 40px rgba(0,0,0,.42);max-width:330px;white-space:normal;text-align:center;opacity:0;transform:translate(-50%,-100%) translateY(12px) scale(.95);transition:opacity .25s ease,transform .25s ease;pointer-events:auto;} .clz-login-toast.clz-show{opacity:1;transform:translate(-50%,-100%) translateY(0) scale(1);} .clz-login-toast .clz-toast-icon{font-size:26px;display:block;margin-bottom:7px;} .clz-login-toast .clz-toast-btn{display:inline-block;margin-top:12px;padding:10px 24px;background:linear-gradient(135deg,#ff7a00,#ff5400);color:#fff!important;border-radius:9px;font-size:15px;font-weight:700;text-decoration:none!important;box-shadow:0 5px 14px rgba(255,90,0,.38);} .clz-login-toast .clz-arrow{position:absolute;left:50%;bottom:-9px;width:18px;height:18px;background:#1c2a38;transform:translateX(-50%) rotate(45deg);border-radius:3px;} .clz-login-toast.clz-stock{background:linear-gradient(135deg,#c0392b,#e74c3c);} .clz-login-toast.clz-stock .clz-arrow{background:#e74c3c;} /* STOK TUKENDI (label 30) - SADECE urun detay sayfasi, ortali + buyuk banner */ .product-info .product-labels .product-label-30{top:50%!important;left:0!important;right:0!important;bottom:auto!important;width:100%!important;-webkit-transform:translateY(-50%) rotate(0deg)!important;transform:translateY(-50%) rotate(0deg)!important;text-align:center!important;font-size:26px!important;} .product-info .product-labels .product-label-30.label-2,.product-info .product-labels .product-label-30.label-3{-webkit-transform:translateY(-50%) rotate(0deg)!important;transform:translateY(-50%) rotate(0deg)!important;} .product-info .product-labels .product-label-30 b{display:inline-block!important;padding:12px 30px!important;font-size:26px!important;letter-spacing:1px!important;} /* === CLZ masaustu mini-sepet kompakt duzeni === */ @media (min-width:992px){ #cart .dropdown-menu.cart-content{width:380px!important;min-width:380px!important;max-width:380px!important;padding:10px 12px!important;} #cart-content ul{margin:0;padding:0;} #cart-content .cart-products{padding:0!important;} #cart-content table.table{margin:0!important;} #cart-content table.table tr{border-bottom:1px solid #f0f0f0;} #cart-content table.table tr:last-child{border-bottom:none;} #cart-content table.table td{padding:8px 6px!important;vertical-align:middle!important;border:none!important;} #cart-content .td-image{width:54px!important;padding-right:8px!important;} #cart-content .td-image img{width:48px!important;height:auto!important;max-width:48px!important;border:1px solid #eee;border-radius:6px;} #cart-content .td-name{text-align:left!important;line-height:1.3;} #cart-content .td-name a{font-size:12.5px!important;font-weight:600;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} #cart-content .td-name span,#cart-content .td-name small{font-size:11px;color:#888;} #cart-content .td-qty{width:36px!important;text-align:center!important;} #cart-content .cart-qty-badge{font-size:12px;font-weight:700;color:#555;background:#f3f3f3;border-radius:50%;padding:3px 8px;} #cart-content .td-total{width:80px!important;text-align:right!important;font-size:13px!important;font-weight:700;color:#222;white-space:nowrap;} #cart-content .td-remove{width:30px!important;text-align:center!important;} #cart-content .td-remove .cart-remove{color:#d33;font-size:15px;background:none;border:none;padding:0;cursor:pointer;} #cart-content .cart-totals{padding:8px 0 0!important;} #cart-content .cart-totals table.table{border:none!important;margin:0!important;} #cart-content .cart-totals td{padding:3px 6px!important;border:none!important;font-size:12.5px;} #cart-content .td-total-text{font-weight:700;color:#222;} #cart-content .cart-buttons{display:flex;gap:8px;margin-top:10px;} #cart-content .cart-buttons .btn{flex:1;text-align:center;} }</style> <script type="text/javascript/defer">window.coleziumLoginNotice = function(el){ var old = document.getElementById('clz-login-toast'); if(old){ old.parentNode.removeChild(old); } var r = el.getBoundingClientRect(); var t = document.createElement('div'); t.id = 'clz-login-toast'; t.className = 'clz-login-toast'; t.innerHTML = '<span class="clz-toast-icon">🔒</span>Sepete eklemek için<br>üye girişi yapmalısınız<br><a class="clz-toast-btn" href="https://colezium.com/hesap/giris">Üye Girişi Yap</a><span class="clz-arrow"></span>'; t.style.left = (r.left + r.width/2) + 'px'; t.style.top = (r.top - 12) + 'px'; document.body.appendChild(t); requestAnimationFrame(function(){ t.className = 'clz-login-toast clz-show'; }); clearTimeout(window.__clzToastTimer); window.__clzToastTimer = setTimeout(function(){ t.className = 'clz-login-toast'; setTimeout(function(){ if(t.parentNode){ t.parentNode.removeChild(t); } }, 300); }, 5000); return false; }; window.coleziumStockNotice = function(el, msg){ var old = document.getElementById('clz-stock-toast'); if(old){ old.parentNode.removeChild(old); } var r = el.getBoundingClientRect(); var t = document.createElement('div'); t.id = 'clz-stock-toast'; t.className = 'clz-login-toast clz-stock'; t.innerHTML = '<span class="clz-toast-icon">⚠️</span>' + msg + '<span class="clz-arrow"></span>'; t.style.left = (r.left + r.width/2) + 'px'; t.style.top = (r.top - 12) + 'px'; document.body.appendChild(t); requestAnimationFrame(function(){ t.className = 'clz-login-toast clz-stock clz-show'; }); clearTimeout(window.__clzStockToastTimer); window.__clzStockToastTimer = setTimeout(function(){ t.className = 'clz-login-toast clz-stock'; setTimeout(function(){ if(t.parentNode){ t.parentNode.removeChild(t); } }, 300); }, 4000); return false; }; /* XML bayilik formu: Vergi Levhasi upload butonu metnini maskele (sadece bu formdaki field 11) */ (function(){ function clzFixUploadLabel(){ var b = document.getElementById('button-upload11'); if(!b) return false; if (b.textContent.indexOf('Kargo Etiketi') !== -1 || b.textContent.toUpperCase().indexOf('KARGO ET') !== -1) { b.innerHTML = '<i class="fa fa-upload"></i> Vergi Levhası Yükle'; } return true; } if(!clzFixUploadLabel()) return; var b = document.getElementById('button-upload11'); if (b && window.MutationObserver) { new MutationObserver(function(){ if (b.textContent.indexOf('Kargo Etiketi') !== -1) { clzFixUploadLabel(); } }).observe(b, { childList:true, subtree:true, characterData:true }); } })();</script> </body></html>