<IFRAME></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=748095'); $('#button-review').on('click', function() { $.ajax({ url: 'index.php?route=product/product/write&product_id=748095', 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-6a2649f89a6d3-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-6a2649f89a6d3-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>