Portbag CP02 20'' Compacto Takım Çantası

-33 %

0 yorum yapılmış. - Yorum Yap

Adet

Sepete Ekle

Hemen Al

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

Bayi Sipariş Destek

Bayi Teknik Destek

Ürün Açıklaması

Portbag CP02 20'' Compacto Takım Çantası

Portbag CP02 20 Compacto Takım Çantası

<IFRAME><P><P><IMG border=0 hspace=0 alt= align=baseline><P><P> <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=703778'); $('#button-review').on('click', function() { $.ajax({ url: 'index.php?route=product/product/write&product_id=703778', 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-6aaf1b29e6f78-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-6aaf1b29e6f78-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/siirler-6-ayinler-cesmeler" 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/9789000185498-300x400h.jpg" data-srcset="https://colezium.com/image/cache/catalog/image/catalog/content/images/product/9789000185498-300x400h.jpg 1x, https://colezium.com/image/cache/catalog/image/catalog/content/images/product/9789000185498-600x800h.jpg 2x" width="300" height="400" alt="Şiirler 6 - Ayinler Çeşmeler" title="Şiirler 6 - Ayinler Çeşmeler" 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/siirler-6-ayinler-cesmeler">Şiirler 6 - Ayinler Çeşmeler</a></div><div class="description">Ürün Adı: Şiirler 6 - Ayinler ÇeşmelerÜrün Kodu: 9789000185498Yazar: Sezai KarakoçBasım Yılı: 2016Kapak Türü: Karton KapakSayfa Sayısı: 63Kağıt Cinsi:..</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="752057"/> <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('752057')"><span class="btn-text">Alışveriş Listeme Ekle</span></a> <a class="btn btn-compare" onclick="compare.add('752057')"><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('752057', $(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/macbeth-ingilizce-klasik-roman" 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/9786257289405-300x400h.jpg" data-srcset="https://colezium.com/image/cache/catalog/image/catalog/content/images/product/9786257289405-300x400h.jpg 1x, https://colezium.com/image/cache/catalog/image/catalog/content/images/product/9786257289405-600x800h.jpg 2x" width="300" height="400" alt="Macbeth - İngilizce Klasik Roman" title="Macbeth - İngilizce Klasik Roman" 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/macbeth-ingilizce-klasik-roman">Macbeth - İngilizce Klasik Roman</a></div><div class="description">She should have died hereafter.There would have been a time for such a word.Tomorrow, and tomorrow, and tomorrow,Creeps in this petty pace from day to..</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="636373"/> <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('636373')"><span class="btn-text">Alışveriş Listeme Ekle</span></a> <a class="btn btn-compare" onclick="compare.add('636373')"><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('636373', $(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/merhaba-arkadasim" 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/9786254053108-300x400w.jpg" data-srcset="https://colezium.com/image/cache/catalog/image/catalog/content/images/product/9786254053108-300x400w.jpg 1x, https://colezium.com/image/cache/catalog/image/catalog/content/images/product/9786254053108-600x800w.jpg 2x" width="300" height="400" alt="Merhaba, Arkadaşım!" title="Merhaba, Arkadaşım!" 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/merhaba-arkadasim">Merhaba, Arkadaşım!</a></div><div class="description">Arkadaşımla birlikte oynamayı çok seviyorum. Oyuncaklarımı onunla paylaşmayı ve birlikte bisiklete binmeyi seviyorum. Eve gidince arkadaşımı çok özlüy..</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="673573"/> <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('673573')"><span class="btn-text">Alışveriş Listeme Ekle</span></a> <a class="btn btn-compare" onclick="compare.add('673573')"><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('673573', $(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/3414-pelus-minnie-kirmizi-elbiseli-25-cm-sunman" class="product-img "><div> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAGQAQMAAAAuu884AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAACZJREFUaN7twTEBAAAAwqD1T20MH6AAAAAAAAAAAAAAAAAAAAA+BjzwAAF1Dv6RAAAAAElFTkSuQmCC" data-src="https://colezium.com/image/cache/catalog/idea/hy/15/myassets/products/143/s01-3414-300x400w.jpg" data-srcset="https://colezium.com/image/cache/catalog/idea/hy/15/myassets/products/143/s01-3414-300x400w.jpg 1x, https://colezium.com/image/cache/catalog/idea/hy/15/myassets/products/143/s01-3414-600x800w.jpg 2x" width="300" height="400" alt="3414 Peluş Minnie Kırmızı Elbiseli 25 cm -Sunman" title="3414 Peluş Minnie Kırmızı Elbiseli 25 cm -Sunman" 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/3414-pelus-minnie-kirmizi-elbiseli-25-cm-sunman">3414 Peluş Minnie Kırmızı Elbiseli 25 cm -Sunman</a></div><div class="description">Peluş uzunluğu 25 cm.'dir.Ürün iç kısımları kaliteli dolgu malzemesinden, dış kısımları peluştan üretilmiştir. Üretiminde çocuğunuzun sağlığını tehlik..</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="892578"/> <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('892578')"><span class="btn-text">Alışveriş Listeme Ekle</span></a> <a class="btn btn-compare" onclick="compare.add('892578')"><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('892578', $(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/10-adet-cingirakli-evcil-hayvan-oyun-topu-1" class="product-img has-second-image"><div> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAGQAQMAAAAuu884AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAACZJREFUaN7twTEBAAAAwqD1T20MH6AAAAAAAAAAAAAAAAAAAAA+BjzwAAF1Dv6RAAAAAElFTkSuQmCC" data-src="https://colezium.com/image/cache/catalog/images/urunler/cingirakli-evcil-hayvan-oyun-topu-resim-6217-300x400w.jpg" data-srcset="https://colezium.com/image/cache/catalog/images/urunler/cingirakli-evcil-hayvan-oyun-topu-resim-6217-300x400w.jpg 1x, https://colezium.com/image/cache/catalog/images/urunler/cingirakli-evcil-hayvan-oyun-topu-resim-6217-600x800w.jpg 2x" width="300" height="400" alt="10 Adet Çıngıraklı Evcil Hayvan Oyun Topu" title="10 Adet Çıngıraklı Evcil Hayvan Oyun Topu" class="img-responsive img-first lazyload"/> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAGQAQMAAAAuu884AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAACZJREFUaN7twTEBAAAAwqD1T20MH6AAAAAAAAAAAAAAAAAAAAA+BjzwAAF1Dv6RAAAAAElFTkSuQmCC" data-src="https://colezium.com/image/cache/catalog/images/urunler/cingirakli-evcil-hayvan-oyun-topu-resim2-6217-300x400w.jpg" data-srcset="https://colezium.com/image/cache/catalog/images/urunler/cingirakli-evcil-hayvan-oyun-topu-resim2-6217-300x400w.jpg 1x, https://colezium.com/image/cache/catalog/images/urunler/cingirakli-evcil-hayvan-oyun-topu-resim2-6217-600x800w.jpg 2x" width="300" height="400" alt="10 Adet Çıngıraklı Evcil Hayvan Oyun Topu" title="10 Adet Çıngıraklı Evcil Hayvan Oyun Topu" class="img-responsive img-second lazyload"/></div> </a><div class="product-labels"> <span class="product-label product-label-233 product-label-default"><b>-32 %</b></span></div></div><div class="caption"><div class="name"><a href="https://colezium.com/10-adet-cingirakli-evcil-hayvan-oyun-topu-1">10 Adet Çıngıraklı Evcil Hayvan Oyun Topu</a></div><div class="description">Çıngıraklı Evcil Hayvan Oyun Topu Kovalama Oyuncağı1. Çan, kedi için ilginç ve çekici olan top yuvarlandığında net halkalar verebilir 2. Parlak..</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="768615"/> <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('768615')"><span class="btn-text">Alışveriş Listeme Ekle</span></a> <a class="btn btn-compare" onclick="compare.add('768615')"><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('768615', $(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/calisirken-etrafinla-mesgul-olma-levhasi-25x35-kod204" 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/438/calisirken-etrafinla-mesgul-olma-levhasi-25x35-kod-204-24431-300x400w.jpg" data-srcset="https://colezium.com/image/cache/catalog/idea/cz/80/myassets/products/438/calisirken-etrafinla-mesgul-olma-levhasi-25x35-kod-204-24431-300x400w.jpg 1x, https://colezium.com/image/cache/catalog/idea/cz/80/myassets/products/438/calisirken-etrafinla-mesgul-olma-levhasi-25x35-kod-204-24431-600x800w.jpg 2x" width="300" height="400" alt="Çalışırken Etrafınla Meşgul Olma Levhası 25x35 KOD:204" title="Çalışırken Etrafınla Meşgul Olma Levhası 25x35 KOD:204" 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/calisirken-etrafinla-mesgul-olma-levhasi-25x35-kod204">Çalışırken Etrafınla Meşgul Olma Levhası 25x35 KOD:204</a></div><div class="description">Çalışırken Etrafınla Meşgul Olma Levhası 25x35 KOD:204Kişisel Koruyucu Ekipman Levhaları Hakkında Bilmeniz Gerekenler Nelerdir?Fabrika çevre ve tesisl..</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="289321"/> <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('289321')"><span class="btn-text">Alışveriş Listeme Ekle</span></a> <a class="btn btn-compare" onclick="compare.add('289321')"><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('289321', $(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>

Değerli Bayilerimiz,

Portbag CP02 20'' Compacto Takım Çantası

Ürün Açıklaması