| 2 | Website additional development | $495 |
$(function(){
setTimeout(function() {
let shoppingCartWidget = $("[data-component-shoppingcart]");
if (shoppingCartWidget.length > 0) {
let shoppingCart = init_shopping_cart();
if (!$(document).find('div#addcart_message').length) {
$('<div id="addcart_message"></div>').prependTo(shoppingCartWidget);
}
$("body").on("click", ".add-to-cart", function(event) {
event.preventDefault();
let title = $(this).data("name");
let id = $(this).data("id");
let ref_object = $(this).data("ref_object");
let price = Number($(this).data("price"));
let image = $(this).data("image");
let image_exist = image ? image : "";
let max_items = $(this).data("max_items");
let max_items_exist = max_items ? max_items : "";
if(ref_object === 'packages'){
shoppingCart.removeAllItemsFromCartByKeyVal('object', 'packages');
}
shoppingCart.addItemToCart(id, ref_object, title, price, 1,image_exist,max_items_exist);
displayCart();
});
shoppingCartWidget.find(".clear-cart").click(function() {
if (confirm('Are you sure you want to Clear the Cart?')) {
shoppingCart.clearCart();
displayCart();
}
else{
return false;
}
});
function displayCart() {
$('#shoppingcart_popup .modal-footer').show();
let cartArray = shoppingCart.listCart();
let output = "";
if (cartArray.length >0) {
for(var i in cartArray) {
let min_qty_check = cartArray[i].count == 1 ? "disabled_cart_qty" : "cart_qty";
output += "<tr><td data-comp-title='Table Cell' class='draggable'><div data-comp-title='Grid Row' class='row mr-0 ml-0 dropzone ui-droppable' data-htmlcomponent-type='html/gridrow'><div data-comp-title='Grid Column' class='col-lg-4 d-none text-center dropzone ui-droppable'><picture data-htmlcomponent-type='widgets/mediamanager' class='draggable' ><img data-component-mediamanager='Product Image' data-comp-title='Media Manager' src=" + cartArray[i].image + " style='mask-repeat: no-repeat;-webkit-mask-repeat: no-repeat;mask-position: 50% 50%;-webkit-mask-position: 50% 50%;mask-size: auto 100%;-webkit-mask-size: auto 100%;' data-src=" + cartArray[i].image + " data-source='LOCAL' data-license_type='FREE' data-img_id='0' width='100px' height='100px' alt='No Image' </picture></div><div data-comp-title='Grid Column' class='col-12 dropzone ui-droppable p-0' style='display: flex;align-items: center;'><span style='text-transform: uppercase; white-space: nowrap; font-size: 14px;font-weight: 600;' class='draggable service'>"+ cartArray[i].title + "</span></div></div></td>"
+ "<td data-comp-title='Table Cell' class='draggable '><div style='font-weight: 600;' class='dropzone ui-droppable'>$"+ cartArray[i].price +"</div></td>"
+ "<td data-comp-title='Table Cell' class='draggable '> <div data-comp-title='Grid Column' class='row text-center dropzone ui-droppable'><div class='container'><div class='input-group spinner'><input data-id=" + cartArray[i].id + " value=" + cartArray[i].count + " type='number' class='item-count form-control' data-comp-title='number Input' class='form-control' style='padding: 0px; width: 63px;text-align: center; height: 52px;'><div class='input-group-btn-vertical'><div data-id=" + cartArray[i].id + " class='btn btn-default plus-item'><i class='fa fa-caret-up'></i></div><div data-disabled="+min_qty_check+" data-id=" + cartArray[i].id + " class='minus-item btn btn-default'><i class='fa fa-caret-down'></i></div></div></div></div></div></td>"
+ "<td data-comp-title='Table Cell' class='draggable price'>$" + cartArray[i].total + "</td>"
+ "<td data-comp-title='Table Cell'class=' draggable ' style='text-align: center;'><div data-comp-title='Grid Column' class=''><i data-id=" + cartArray[i].id + " class='delete-item fa-close fas fa-times draggable' style='font-size: 18px;color: #a1a1a1;'></i></div></td>"
+ "</tr>";
}
}else{
output += "<tr><td colspan='5'>Your Cart is Empty...</td></tr>";
$('#shoppingcart_popup .modal-footer').hide();
}
shoppingCartWidget.find(".show-cart").html(output);
shoppingCart_totalCart=Number(shoppingCart.totalCart()).toFixed(2);
shoppingCartWidget.find(".total-cart").html(shoppingCart_totalCart);
shoppingCartWidget.find(".total-count").html(shoppingCart.totalCount());
}
shoppingCartWidget.find(".show-cart").on("click", ".delete-item", function(event) {
if (confirm('Are you sure you want to remove this item?')) {
let id = $(this).data("id");
shoppingCart.removeItemFromCartAll(id);
displayCart();
}
else{
return false;
}
});
shoppingCartWidget.find(".show-cart").on("click", ".minus-item", function(event) {
let id = $(this).data("id");
shoppingCart.removeItemFromCart(id);
displayCart();
});
shoppingCartWidget.find(".show-cart").on("click", ".plus-item", function(event) {
let id = $(this).data("id");
shoppingCart.addItemToCart(id);
displayCart();
});
displayCart();
}
}, 2000);
});
Generate Your Website
Contents will be displayed here...
Page Contents Here
You choose the
495 dollar in 48 hoursOffer
Content Design
Order Summary
Order Summary
| 1 | 5 Licenses Hosting - Recurring payment of $75 | $75 |
| Website additional development | $495 |
getPackagePlanInfo_CWC('1701691599737', 'packages', 'https://www.customwebsites.club');
SUBTOTAL$495
Additional Charges$0
GRAND TOTAL
$495
getPackagePlanInfo_CWC('1701691599737', 'packages', 'https://www.customwebsites.club');
{"components":[{"label":"Columns","columns":[{"components":[{"label":"Card Number","tableView":true,"validate":{"required":true},"key":"card_num","type":"textfield","input":true,"id":"ejpol6","hideOnChildrenHidden":false},{"label":"Card Month","tableView":true,"validate":{"required":true},"key":"card_mon","type":"textfield","input":true,"id":"eq5rx26","hideOnChildrenHidden":false},{"label":"Card Cvv","mask":false,"spellcheck":true,"tableView":false,"delimiter":false,"requireDecimal":false,"inputFormat":"plain","validate":{"required":true},"key":"cardCvv","type":"number","input":true,"id":"e6vm9z","hideOnChildrenHidden":false},{"label":"State","tableView":true,"key":"state","type":"textfield","input":true,"id":"e4jll9q","hideOnChildrenHidden":false}],"width":6,"offset":0,"push":0,"pull":0,"size":"md"},{"components":[{"label":"Card Type","widget":"choicesjs","tableView":true,"data":{"values":[{"label":"Visa","value":"visa"},{"label":"Master Card","value":"masterCard"},{"label":"American Express","value":"americanExpress"}]},"selectThreshold":0.3,"key":"cardType","type":"select","indexeddb":{"filter":{}},"input":true,"id":"edfp0v","hideOnChildrenHidden":false},{"label":"Card Year","mask":false,"spellcheck":true,"tableView":false,"delimiter":false,"requireDecimal":false,"inputFormat":"plain","validate":{"required":true},"key":"cardYear","type":"number","input":true,"id":"ew0su9v","hideOnChildrenHidden":false},{"label":"City","tableView":true,"validate":{"required":true},"key":"city","type":"textfield","input":true,"id":"enhgko0k","hideOnChildrenHidden":false},{"label":"Zip code","mask":false,"spellcheck":true,"tableView":false,"delimiter":false,"requireDecimal":false,"inputFormat":"plain","validate":{"required":true},"key":"zipCode","type":"number","input":true,"id":"eqmryzg","hideOnChildrenHidden":false}],"width":6,"offset":0,"push":0,"pull":0,"size":"md"}],"key":"columns","type":"columns","input":false,"tableView":false,"id":"e0pf58"},{"label":"Radio","optionsLabelPosition":"right","inline":false,"hideLabel":true,"tableView":false,"values":[{"label":"SHIP TO DIFFERENT ADDRESS","value":"shipToDifferentAddress","shortcut":""}],"key":"radio","type":"radio","input":true,"id":"e7q7wjw","hideOnChildrenHidden":false},{"label":"Columns","columns":[{"components":[{"label":"First Name","tableView":true,"validate":{"required":true},"key":"firstName","conditional":{"show":true,"when":"radio","eq":"shipToDifferentAddress"},"type":"textfield","input":true,"id":"eiyi8tf","hideOnChildrenHidden":false},{"label":"Email Address","tableView":true,"validate":{"required":true},"key":"emailAddress","conditional":{"show":true,"when":"radio","eq":"shipToDifferentAddress"},"type":"textfield","input":true,"id":"es7da0n","hideOnChildrenHidden":false},{"label":"Country","widget":"choicesjs","tableView":true,"data":{"values":[{"label":"Veitnam","value":"veitnam"},{"label":"England","value":"england"},{"label":"UAE","value":"uae"}]},"selectThreshold":0.3,"key":"country","conditional":{"show":true,"when":"radio","eq":"shipToDifferentAddress"},"type":"select","indexeddb":{"filter":{}},"input":true,"id":"ek5xa4m","hideOnChildrenHidden":false},{"label":"Street Address","autoExpand":false,"tableView":true,"key":"streetAddress","conditional":{"show":true,"when":"radio","eq":"shipToDifferentAddress"},"type":"textarea","input":true,"id":"eo46sj6","hideOnChildrenHidden":false}],"width":6,"offset":0,"push":0,"pull":0,"size":"md"},{"components":[{"label":"Last Name","tableView":true,"validate":{"required":true},"key":"lastName","conditional":{"show":true,"when":"radio","eq":"shipToDifferentAddress"},"type":"textfield","input":true,"id":"eb506re","hideOnChildrenHidden":false},{"label":"Phone","tableView":true,"validate":{"required":true},"key":"phone","conditional":{"show":true,"when":"radio","eq":"shipToDifferentAddress"},"type":"phoneNumber","input":true,"id":"e57lgep","hideOnChildrenHidden":false},{"label":"Town / City","tableView":true,"validate":{"required":true},"key":"townCity","conditional":{"show":true,"when":"radio","eq":"shipToDifferentAddress"},"type":"textfield","input":true,"id":"eojhdqq","hideOnChildrenHidden":false},{"label":"Postcode / zip","tableView":true,"validate":{"required":true},"key":"postcodeZip","conditional":{"show":true,"when":"radio","eq":"shipToDifferentAddress"},"type":"textfield","input":true,"id":"e4tnji","hideOnChildrenHidden":false}],"width":6,"offset":0,"push":0,"pull":0,"size":"md"}],"key":"columns1","type":"columns","input":false,"tableView":false,"id":"evlmegi"}]}
New Customer
YOUR ORDER
Product
ToTal
SUBTOTAL
$0.00
shipping (Flat-rate)
$
PROMO DISCOUNT DISCOUNT
-$0.00 (0% off)
TOTAL
$0
$(function(){ setTimeout(function() { let shoppingCartWidget = $("[data-component-shoppingcart]"); if (shoppingCartWidget.length > 0) { let shoppingCart = init_shopping_cart(); $("body").on("click", ".add-to-cart", function(event) { event.preventDefault(); let title = $(this).data("name"); let id = $(this).data("id"); let ref_object = $(this).data("ref_object"); let price = Number($(this).data("price")); let image = $(this).data("image"); let image_exist = image ? image : ""; shoppingCart.addItemToCart(id, ref_object, title, price, 1,image_exist); displayCart(); }); shoppingCartWidget.find(".clear-cart").click(function() { shoppingCart.clearCart(); displayCart(); }); function displayCart() { $('#shoppingcart_popup .modal-footer').show(); let cartArray = shoppingCart.listCart(); let output = ""; console.log("cartarray",cartArray); if (cartArray.length >0) { for(var i in cartArray) { output += "<tr><th data-comp-title='Table Cell'class=' draggable' style='text-align: center;'><div data-comp-title='Grid Column' class='row text-center dropzone ui-droppable ml-1'><i data-id=" + cartArray[i].id + " class='delete-item fa-close fas fa-times draggable' style='font-size: 18px;color: #a1a1a1;'></i></div></th>" + "<td data-comp-title='Table Cell' class='draggable'><div data-comp-title='Grid Row' class='row mr-0 ml-0 dropzone ui-droppable' data-htmlcomponent-type='html/gridrow'><div data-comp-title='Grid Column' class='col-md-4 text-center dropzone ui-droppable'><picture data-htmlcomponent-type='widgets/mediamanager' class='draggable' ><img data-component-mediamanager='Product Image' data-comp-title='Media Manager' src=" + cartArray[i].image + " style='mask-repeat: no-repeat;-webkit-mask-repeat: no-repeat;mask-position: 50% 50%;-webkit-mask-position: 50% 50%;mask-size: auto 100%;-webkit-mask-size: auto 100%;' data-src=" + cartArray[i].image + " data-source='LOCAL' data-license_type='FREE' data-img_id='0' width='100px' height='100px' alt='No Image' </picture></div><div data-comp-title='Grid Column' class='col-md-8 dropzone ui-droppable' style='display: flex;align-items: center;'><span style='text-transform: uppercase; white-space: nowrap; font-size: 14px;font-weight: 600;' class='draggable'>"+ cartArray[i].title + "</span></div></div></td>" + "<td data-comp-title='Table Cell' class='draggable'><div style='font-weight: 600;' class='dropzone ui-droppable'>$"+ cartArray[i].price +"</div></td>" + "<td data-comp-title='Table Cell' class='draggable'> <div data-comp-title='Grid Column' class='row text-center dropzone ui-droppable'><div class='container'><div class='input-group spinner'><input data-id=" + cartArray[i].id + " value=" + cartArray[i].count + " type='number' class='item-count form-control' data-comp-title='number Input' class='form-control' style='padding: 0px; width: 63px;text-align: center; height: 52px;'><div class='input-group-btn-vertical'><div data-id=" + cartArray[i].id + " class='btn btn-default plus-item'><i class='fa fa-caret-up'></i></div><div data-id=" + cartArray[i].id + " class='minus-item btn btn-default'><i class='fa fa-caret-down'></i></div></div></div></div></div></td>" + "<td data-comp-title='Table Cell' class='draggable'>$" + cartArray[i].total + "</td>" + "</tr>"; } }else{ output += "<tr><td colspan='5'>Your Cart is Empty...</td></tr>"; $('#shoppingcart_popup .modal-footer').hide(); } shoppingCartWidget.find(".show-cart").html(output); shoppingCartWidget.find(".total-cart").html(shoppingCart.totalCart()); shoppingCartWidget.find(".total-count").html(shoppingCart.totalCount()); } shoppingCartWidget.find(".show-cart").on("click", ".delete-item", function(event) { let id = $(this).data("id"); shoppingCart.removeItemFromCartAll(id); displayCart(); }); shoppingCartWidget.find(".show-cart").on("click", ".minus-item", function(event) { let id = $(this).data("id"); shoppingCart.removeItemFromCart(id); displayCart(); }); shoppingCartWidget.find(".show-cart").on("click", ".plus-item", function(event) { let id = $(this).data("id"); shoppingCart.addItemToCart(id); displayCart(); }); shoppingCartWidget.find(".show-cart").on("change", ".item-count", function(event) { let id = $(this).data("id"); let count = Number($(this).val()); shoppingCart.setCountForItem(id, count); displayCart(); }); displayCart(); } }, 2000); });
$(document).ready(function () { $(".nav-tabs li a[title]").tooltip(); $("a[data-toggle='tab']").on("shown.bs.tab", function (e) {var target = $(e.target);if (target.parent().hasClass("disabled")) { return false; } });$(".next-step").click(function (e) {var active = $(".wizard .nav-tabs li.active"); active.next().removeClass("disabled"); nextTab(active);}); $(".prev-step").click(function (e) {var active = $(".wizard .nav-tabs li.active");prevTab(active);});});function nextTab(elem) { $(elem).next().find("a[data-toggle='tab']").click();}function prevTab(elem) { $(elem).prev().find("a[data-toggle='tab']").click();}$(".nav-tabs").on("click", "li", function() { $(".nav-tabs li.active").removeClass("active"); $(this).addClass("active");});
