</div> <div id="product"> <h3>Mevcut Seçenekler: </h3> <div class="form-group required "> <label class="control-label" for="input-option441">KARE VE DİKDÖRTGEN ÖLÇÜLER</label> <select name="option[441]" id="input-option441" class="form-control"> <option value=""> --- Seçiniz --- </option> <option value="3156">70x70 (-10,00 TL) </option> <option value="3326">70x75 (+100,00 TL) </option> <option value="3157">70X80 (+100,00 TL) </option> <option value="3327">70x85 (+210,00 TL) </option> <option value="3158">70x90 (+210,00 TL) </option> <option value="3328">70x95 (+320,00 TL) </option> <option value="3159">70x100 (+320,00 TL) </option> <option value="3329">70x105 (+440,00 TL) </option> <option value="3160">70x110 (+440,00 TL) </option> <option value="3330">70x115 (+550,00 TL) </option> <option value="3161">70x120 (+550,00 TL) </option> <option value="3331">70x125 (+660,00 TL) </option> <option value="3247">70x130 (+660,00 TL) </option> <option value="3332">70x135 (+770,00 TL) </option> <option value="3248">70x140 (+770,00 TL) </option> <option value="3333">75x75 (+100,00 TL) </option> <option value="3334">75x80 (+210,00 TL) </option> <option value="3335">75x85 (+210,00 TL) </option> <option value="3336">75x90 (+320,00 TL) </option> <option value="3337">75x95 (+320,00 TL) </option> <option value="3338">75x100 (+440,00 TL) </option> <option value="3339">75x105 (+440,00 TL) </option> <option value="3340">75x110 (+550,00 TL) </option> <option value="3341">75x115 (+550,00 TL) </option> <option value="3342">75x120 (+660,00 TL) </option> <option value="3343">75x125 (+660,00 TL) </option> <option value="3344">75x130 (+770,00 TL) </option> <option value="3345">75x135 (+770,00 TL) </option> <option value="3346">75x140 (+870,00 TL) </option> <option value="1669">80x80 (+190,00 TL) </option> <option value="3347">80x85 (+320,00 TL) </option> <option value="1670">80x90 (+320,00 TL) </option> <option value="3348">80x95 (+430,00 TL) </option> <option value="1671">80x100 (+430,00 TL) </option> <option value="3349">80x105 (+550,00 TL) </option> <option value="3249">80x110 (+550,00 TL) </option> <option value="3350">80x115 (+660,00 TL) </option> <option value="1672">80x120 (+660,00 TL) </option> <option value="3351">80x125 (+770,00 TL) </option> <option value="3250">80x130 (+770,00 TL) </option> <option value="3352">80x135 (+870,00 TL) </option> <option value="3251">80x140 (+870,00 TL) </option> <option value="3373">85x85 (+320,00 TL) </option> <option value="3374">85x90 (+430,00 TL) </option> <option value="3375">85x95 (+430,00 TL) </option> <option value="3376">85x100 (+550,00 TL) </option> <option value="3377">85x105 (+550,00 TL) </option> <option value="3378">85x110 (+660,00 TL) </option> <option value="3379">85x115 (+660,00 TL) </option> <option value="3380">85x120 (+770,00 TL) </option> <option value="3397">85x125 (+770,00 TL) </option> <option value="3398">85x130 (+870,00 TL) </option> <option value="3399">85x135 (+870,00 TL) </option> <option value="3400">85x140 (+980,00 TL) </option> <option value="1673">90x90 (+420,00 TL) </option> <option value="3353">90x95 (+540,00 TL) </option> <option value="1674">90x100 (+540,00 TL) </option> <option value="3354">90x105 (+660,00 TL) </option> <option value="2265">90x110 (+660,00 TL) </option> <option value="3355">90x115 (+770,00 TL) </option> <option value="1675">90x120 (+770,00 TL) </option> <option value="3356">90x125 (+870,00 TL) </option> <option value="3252">90x130 (+870,00 TL) </option> <option value="3357">90x135 (+980,00 TL) </option> <option value="3253">90x140 (+980,00 TL) </option> <option value="3358">95x95 (+540,00 TL) </option> <option value="3359">95x100 (+660,00 TL) </option> <option value="3360">95x105 (+660,00 TL) </option> <option value="3361">95x110 (+770,00 TL) </option> <option value="3362">95x115 (+770,00 TL) </option> <option value="3363">95x120 (+870,00 TL) </option> <option value="1676">100x100 (+640,00 TL) </option> <option value="3403">100x105 (+770,00 TL) </option> <option value="2267">100x110 (+770,00 TL) </option> <option value="3404">100x115 (+870,00 TL) </option> <option value="1677">100x120 (+870,00 TL) </option> <option value="2262">110x110 (+880,00 TL) </option> <option value="7434">110x115 (+990,00 TL) </option> <option value="2266">110x120 (+990,00 TL) </option> <option value="1678">120x120 (+1.100,00 TL) </option> </select> </div> <div class="form-group required "> <label class="control-label" for="input-option741">Cam Modeli</label> <select name="option[741]" id="input-option741" class="form-control"> <option value=""> --- Seçiniz --- </option> <option value="3394">Şeffaf Karolaj </option> <option value="3401">Buzlu Karolaj </option> <option value="3402">Ortası Buzlu Karolaj </option> </select> </div> </div> <div class="form-group box-info-product"> <div class="option quantity"> <label class="control-label" for="input-quantity">Adet</label> <div class="input-group quantity-control"> <span class="input-group-addon product_quantity_down fa fa-minus"></span> <input class="form-control" type="text" name="quantity" value="1" /> <input type="hidden" name="product_id" value="240" /> <span class="input-group-addon product_quantity_up fa fa-plus"></span> </div> </div> <div class="detail-action"> <div class="cart"> <input type="button" value="Sepete Ekle" data-loading-text="Yükleniyor..." id="button-cart" class="btn btn-mega"> <input type="button" value="Satın Al" data-loading-text="Yükleniyor..." id="button-checkout" class="btn btn-checkout " /> </div> <div class="add-to-links wish_comp"> <a onclick="wishlist.add(240);"><i class="fa fa-heart"></i> İstek listesine ekle</a> </div> </div> </div> </div> </div> </div> </div> </div> <style type="text/css"> body{background:none;} #wrapper{box-shadow:none;background:#fff;} #wrapper > *:not(.product-detail){display: none;} #wrapper .product-view{margin:0;} </style> <script type="text/javascript"> $(document).ready(function() { $('.product-options li').click(function(){ $(this).addClass(function() { if($(this).hasClass("active")) return ""; return "active"; }); $(this).siblings("li").removeClass("active"); $('.product-options .selected-option').html('<span class="label label-success">'+ $(this).find('img').data('original-title') +'</span>'); }) }); </script> <script type="text/javascript"><!-- $('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, .text-danger').remove(); if (json['success']) { $('#recurring-description').html(json['success']); } } }); }); //--></script> <script type="text/javascript"><!-- $('#button-cart').on('click', function() { $.ajax({ url: 'index.php?route=extension/soconfig/cart/add', type: 'post', data: $('#product-quick input[type=\'text\'], #product-quick input[type=\'hidden\'], #product-quick input[type=\'radio\']:checked, #product-quick input[type=\'checkbox\']:checked, #product-quick select, #product-quick textarea'), dataType: 'json', beforeSend: function() { $('#button-cart').button('loading'); }, complete: function() { $('#button-cart').button('reset'); }, success: function(json) { $('.text-danger').remove(); $('.form-group').removeClass('has-error'); if (json['error']) { if (json['error']['option']) { for (i in json['error']['option']) { var element = $('#input-option' + i.replace('_', '-')); if (element.parent().hasClass('input-group')) { element.parent().after('<div class="text-danger">' + json['error']['option'][i] + '</div>'); } else { element.after('<div class="text-danger">' + json['error']['option'][i] + '</div>'); } } } if (json['error']['recurring']) { $('select[name=\'recurring_id\']').after('<div class="text-danger">' + json['error']['recurring'] + '</div>'); } // Highlight any found errors $('.text-danger').parent().addClass('has-error'); } if (json['success']) { parent.$('#previewModal').modal('show'); parent.$('#previewModal .modal-body').load('index.php?route=extension/soconfig/cart/info&product_id='+ 240); parent.$('#cart .total-shopping-cart ').html(json['total'] ); parent.$('#cart > ul').load('index.php?route=common/cart/info ul li'); parent.$('.text-danger').remove(); parent.$('.so-groups-sticky .popup-mycart .popup-content').load('index.php?route=extension/module/so_tools/info .popup-content .cart-header'); parent.$.magnificPopup.close(); } }, error: function(xhr, ajaxOptions, thrownError) { alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText); } }); }); $('#button-checkout').on('click', function() { $.ajax({ url: 'index.php?route=checkout/cart/add', type: 'post', data: $('#product-quick input[type=\'text\'], #product-quick input[type=\'hidden\'], #product-quick input[type=\'radio\']:checked, #product-quick input[type=\'checkbox\']:checked, #product-quick select, #product-quick textarea'), dataType: 'json', beforeSend: function() { $('#button-checkout').button('loading'); }, complete: function() { $('#button-checkout').button('reset'); }, success: function(json) { parent.$('.alert').remove(); $('.text-danger').remove(); $('.form-group').removeClass('has-error'); if (json['error']) { if (json['error']['option']) { for (i in json['error']['option']) { var element = $('#input-option' + i.replace('_', '-')); if (element.parent().hasClass('input-group')) { element.parent().after('<div class="text-danger">' + json['error']['option'][i] + '</div>'); } else { element.after('<div class="text-danger">' + json['error']['option'][i] + '</div>'); } } } if (json['error']['recurring']) { $('select[name=\'recurring_id\']').after('<div class="text-danger">' + json['error']['recurring'] + '</div>'); } // Highlight any found errors $('.text-danger').parent().addClass('has-error'); } if (json['success']) { parent.$('.text-danger').remove(); parent.$('#cart .total-shopping-cart ').html(json['total'] ); parent.window.location.href = "index.php?route=checkout/checkout"; } }, error: function(xhr, ajaxOptions, thrownError) { alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText); } }); }); var wishlist = { 'add': function(product_id) { $.ajax({ url: 'index.php?route=extension/soconfig/wishlist/add', type: 'post', data: 'product_id=' + product_id, dataType: 'json', success: function(json) { parent.$('.alert').remove(); if (json['redirect']) { location = json['redirect']; } if (json['success']) { parent.$('#wrapper').before('<div class="alert alert-success"><i class="fa fa-check-circle"></i> ' + json['success'] + ' <button type="button" class="fa fa-close close" data-dismiss="alert"></button></div>'); } if (json['info']) { parent.$('#wrapper').before('<div class="alert alert-info"><i class="fa fa-info-circle"></i> ' + json['info'] + '<button type="button" class="fa fa-close close"></button></div>'); } parent.$('#wishlist-total').html(json['total']); parent.$('#wishlist-total').attr('title', json['total']); timer = setTimeout(function() { parent.$('.alert').addClass('fadeOut'); }, 4000); }, }); } } var compare = { 'add': function(product_id) { $.ajax({ url: 'index.php?route=extension/soconfig/compare/add', type: 'post', data: 'product_id=' + product_id, dataType: 'json', success: function(json) { parent.$('.alert').remove(); if (json['info']) { parent. $('#wrapper').before('<div class="alert alert-info"><i class="fa fa-info-circle"></i> ' + json['info'] + '<button type="button" class="fa fa-close close"></button></div>'); } if (json['success']) { parent.$('#wrapper').before('<div class="alert alert-success"><i class="fa fa-check-circle"></i>' + json['success'] + '<button type="button" class="fa fa-close close"></button></div>'); if (json['warning']) { parent.$('.alert').append('<div class="alert alert-warning"><i class="fa fa-exclamation-circle"></i> ' + json['warning'] + '<button type="button" class="fa fa-close close"></button></div>'); } parent.$('#compare-total').attr('data-original-title', json['total']); parent.$('#compare-total').html('<span>' + json['total'] + '</span>'); } timer = setTimeout(function() { parent.$('.alert').addClass('fadeOut'); }, 4000); }, }); } } //--></script> <script type="text/javascript"><!-- var zoomCollection = '.large-image img'; $( zoomCollection ).elevateZoom({ zoomType :"none", lensSize : '200', easing:false, gallery:'thumb-slider', cursor: 'pointer', galleryActiveClass: "active", }); $("#thumb-slider .image-additional").each(function() { $(this).find("[data-index='0']").addClass('active'); }); $('.product-options li.radio').click(function(){ $(this).addClass(function() { if($(this).hasClass("active")) return ""; return "active"; }); $(this).siblings("li").removeClass("active"); $(this).parent().find('.selected-option').html('<span class="label label-success">'+ $(this).find('img').data('original-title') +'</span>'); }) $('.date').datetimepicker({ pickTime: false }); $('.datetime').datetimepicker({ pickDate: true, pickTime: true }); $('.time').datetimepicker({ 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').attr('value', json['code']); } }, error: function(xhr, ajaxOptions, thrownError) { alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText); } }); } }, 500); }); //--></script> <script type="text/javascript"> var ajax_price = function() { $.ajax({ type: 'POST', url: 'index.php?route=extension/soconfig/liveprice/index', data: $('.product-info input[type=\'text\'], .product-info input[type=\'hidden\'], .product-info input[type=\'radio\']:checked, .product-info input[type=\'checkbox\']:checked, .product-info select, .product-info textarea'), dataType: 'json', success: function(json) { if (json.success) { change_price('#price-special', json.new_price.special); change_price('#price-tax', json.new_price.tax); change_price('#price-old', json.new_price.price); } } }); } var change_price = function(id, new_price) { $(id).html(new_price); } $('.product-info input[type=\'text\'], .product-info input[type=\'hidden\'], .product-info input[type=\'radio\'], .product-info input[type=\'checkbox\'], .product-info select, .product-info textarea, .product-info input[name=\'quantity\']').on('change', function() { ajax_price(); }); </script>
