<h3>Available Options </h3> <div class="form-group required "> <label class="control-label">Size</label> <div id="input-option259"> <div class="radio "> <label> <input type="radio" name="option[259]" value="76" /> <span class="option-content-box" data-title="40oz " data-toggle='tooltip'> <span class="option-name">40oz </span> </span> </label> </div> </div> </div> <div class="form-group required "> <label class="control-label">Color</label> <div id="input-option260"> <div class="radio "> <label> <input type="radio" name="option[260]" value="77" /> <span class="option-content-box" data-title="Customized Color " data-toggle='tooltip'> <span class="option-name">Customized Color </span> </span> </label> </div> </div> </div> <div class="form-group required "> <label class="control-label" for="input-option267">Description </label> <textarea name="option[267]" rows="5" placeholder="Description " id="input-option267" class="form-control">More than 20+ colors on stock for your choose, offer your customers more options on colors. Welcome customized logo/design printing, advanced 3D printing machine to work your design out in nice finish. Quick lead time and welcome small MOQ to 20pcs to start, make your business easier from the beginning. Strict quality controls on every piece, stable quality guarantee for long term business. BEST SELLER 40oz tumbler, contact us now to discuss more! </textarea> </div> </div> <div class="form-group box-info-product"> <div class="option quantity"> <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="56" /> <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="Add to Cart" data-loading-text="Loading..." id="button-cart" class="btn btn-mega btn-lg " /> </div> <div class="add-to-links wish_comp"> <ul class="blank"> <li class="wishlist"> <a onclick="wishlist.add(56);"><i class="fa fa-heart-o"></i></a> </li> <li class="compare"> <a onclick="compare.add(56);"><i class="fa fa-retweet"></i></a> </li> <li class="compare"> <a href="https://www.cnuniquegroup.com/2.0-40oz-Tumbler-with-Handle" target="_top" ><i class="fa fa-chevron-right"></i> </a> </li> </ul> </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) { parent.$('.alert').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.$('#content').parent().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>'); parent.$('#cart .total-shopping-cart ').html(json['total'] ); parent.$('#cart > ul').load('index.php?route=common/cart/info ul li'); parent.$('.text-danger').remove(); timer = setTimeout(function () { parent.$('.alert').addClass('fadeOut'); }, 4000); } }, 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.$('#content').parent().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.$('#content').parent().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. $('#content').parent().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.$('#content').parent().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"><!-- $('.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>
