remove header in checkout page

master
Gustavo Luigi 2022-09-07 12:46:44 +02:00
parent 2e46ffe57d
commit 8dac256ecf
4 changed files with 38 additions and 23 deletions

View File

@ -72,13 +72,44 @@ if(input != undefined){
utilsScript: "/template/assets/libs/intl-tel-input/js/utils.min.js",
});
}

// iti.getNumber();
function updateProducts(){}
function updateProducts(){
if(objProducts.length > 0){
getInfoFromSelectedProduct().done(function(response, status){
response.contents.forEach(function(product){
let objProduct = getProductInfo(product);
let elementProduct = createProductElement(objProduct);
$('#list-products').append(elementProduct);
});
$('#total-checkout-price').text(numberToEuroFormat(totalPrice));
});
$('#form-section').show();
$('#list-products').parent().parent().parent().parent().parent().find('.modal-footer').show();
$('#total-checkout-price').parent().parent().parent().show();
$('#no-products-in-checkout').hide();
}else{
$('#form-section').hide();
$('#list-products').parent().parent().parent().parent().parent().find('.modal-footer').hide();
$('#total-checkout-price').parent().parent().parent().hide();
$('#no-products-in-checkout').show();
}
}
$(window).on('load', function(){
updateProducts();
$("#successful-submitting-form").delay(4000).slideUp(200, function() { $(this).alert('close'); });
$('#anfrage').submit(function(){
objProducts = [];
localStorage.setItem("products", JSON.stringify(objProducts));
});
$(document).on('input', '.select-quantity', function(){
getInfoFromSelectedProduct().done(function(response, status){
totalPrice = 0;
response.contents.forEach(function(product){
let objProduct = getProductInfo(product);
calculatePrice(objProduct);
totalPrice += objProduct.calc_preis*objProduct.quantity;
});
$('#total-checkout-price').text(numberToEuroFormat(totalPrice));
});
});
});

View File

@ -100,13 +100,12 @@ function updateProductsInLocalStorage(){
getInfoFromSelectedProduct().done(function(response, status){
response.contents.forEach(function(product){
let objProduct = getProductInfo(product);
totalPrice += objProduct.preis*objProduct.quantity;
objProduct = calculatePrice(objProduct);
totalPrice += objProduct.calc_preis*objProduct.quantity;
let elementProduct = createProductElement(objProduct);
$('#list-products-in-bag').append(elementProduct);
if(typeof updateProducts === "function") $('#list-products').append(elementProduct);
});
$('#total-price').text(numberToEuroFormat(totalPrice));
if(typeof updateProducts === "function") $('#total-checkout-price').text(numberToEuroFormat(totalPrice));
});
$('.cart-link').show();
$(".btn-share").show();
@ -115,12 +114,6 @@ function updateProductsInLocalStorage(){
$('#total-price').parent().parent().parent().show();
$('#no-products').hide();
$('#modal-buttons').show();
if(typeof updateProducts === "function"){
$('#form-section').show();
$('#list-products').parent().parent().parent().parent().parent().find('.modal-footer').show();
$('#total-checkout-price').parent().parent().parent().show();
$('#no-products-in-checkout').hide();
}
if(window.location.origin == 'http://localhost') cartLink = window.location.origin+'/areya-energy/public/'+btoa(JSON.stringify(objProducts));
else cartLink = window.location.origin+'/'+btoa(JSON.stringify(objProducts));
@ -139,12 +132,6 @@ function updateProductsInLocalStorage(){
$('#total-price').parent().parent().parent().hide();
$('#no-products').show();
$('#modal-buttons').hide();
if(typeof updateProducts === "function"){
$('#form-section').hide();
$('#list-products').parent().parent().parent().parent().parent().find('.modal-footer').hide();
$('#total-checkout-price').parent().parent().parent().hide();
$('#no-products-in-checkout').show();
}
}
let productId = $('meta[name="product-id"]').attr('content');
if(productId != undefined){

View File

@ -107,7 +107,6 @@ $(window).on('load', function(){
totalPrice += objProduct.calc_preis*objProduct.quantity;
});
$('#total-price').text(numberToEuroFormat(totalPrice));
if(typeof updateProducts === "function") $('#total-checkout-price').text(numberToEuroFormat(totalPrice));
});
productId = $('meta[name="product-id"]').attr('content');
if(productId != undefined){

View File

@ -31,9 +31,10 @@
<div class="container">

<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<div class="container-fluid" style="justify-content: normal;">
<svg style="fill: beige; width: 50px; margin-top:-60px;margin-right: -10px;"xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style>.fa-secondary{opacity:.4}</style></defs><path d="M502.42 240.5l-94.7-47.3 33.5-100.4c4.5-13.6-8.4-26.5-21.9-21.9l-100.4 33.5-47.41-94.8a17.31 17.31 0 0 0-31 0l-47.3 94.7L92.7 70.8c-13.6-4.5-26.5 8.4-21.9 21.9l33.5 100.4-94.7 47.4a17.31 17.31 0 0 0 0 31l94.7 47.3-33.5 100.5c-4.5 13.6 8.4 26.5 21.9 21.9l100.41-33.5 47.3 94.7a17.31 17.31 0 0 0 31 0l47.31-94.7 100.4 33.5c13.6 4.5 26.5-8.4 21.9-21.9l-33.5-100.4 94.7-47.3a17.33 17.33 0 0 0 .2-31.1zm-155.9 106c-49.91 49.9-131.11 49.9-181 0a128.13 128.13 0 0 1 0-181c49.9-49.9 131.1-49.9 181 0a128.13 128.13 0 0 1 0 181z" class="fa-secondary"/><path d="M352 256a96 96 0 1 1-96-96 96.15 96.15 0 0 1 96 96z" class="fa-primary"/></svg>
<a href="{{url('/')}}" class="fs-2 fw-bold text-decoration-none">Areya Energy</a>
@if(!Request::is('checkout'))
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
@ -87,12 +88,12 @@
</ul>

</div>
@endif
</div>
</nav>

</div>
</nav>

<div class="modal fade" id="ShoppingCart" tabindex="-1" aria-labelledby="ShoppingCart" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
@ -155,8 +156,6 @@
</div>
</div>
</div>


<div class="container">
<div class="alert alert-warning mt-5 mb-2 alert-dismissible" style="display: none;" role="alert">
<strong>Achtung:</strong>
@ -229,7 +228,6 @@
</div>
</div>
</div>

<div class="modal fade" id="shareCart" tabindex="-1" aria-labelledby="shareCart" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">