Add Continue button next to Checkout

[tuanphan]

To add a continue button next to Checkout on Squarespace, you can follow these.
#1. Use this code to Code Injection Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
window.addEventListener("load", (event) => {
    $('<a href="/order" class="continue-shopping sqs-add-to-cart-button sqs-suppress-edit-mode sqs-editable-button sqs-button-element--primary">CONTINUE SHOPPING</a>').appendTo('div.cart-checkout');
});
</script>

#2. Use this code to Custom CSS box

div.cart-checkout {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
div.cart-checkout>* {
    min-height: 50px;
}
.continue-shopping {
    padding: 0px 2.5em !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    line-height: 30px;
    border-radius: 5px !important;
    font-family: Roboto Condensed !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-transform: uppercase !important;
    letter-spacing: 3.62px !important;
  font-size: 16px !important;
}
button.cart-checkout-button {
    margin-left: 20px;
}

#3. Result