Align add to cart button

Store Design
3

Hi @Fran06

Step 1. Go to Admin → Online store → Theme > Edit code

Step 2. Find the base.css file. Add css to the end of the file

.product-form__buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.form .product-form__submit {
    flex: 1 0 55%;
    margin-bottom: 0;
}
.form .price-per-item__container {
    flex: 1 0 20%;
}
.form .shopify-payment-button {
    flex: 1 0 100%;
}

Step 3. Find the global.js file. Add js to the end of the file

(() => {
    if(window.location.pathname.includes("/products/")) {
        let loop = setInterval(() => {
            let quantityBox = $(".price-per-item__container");
            let ATCbtn = $(".form .product-form__submit");
            if(ATCbtn && quantityBox) {
                clearInterval(loop);
                ATCbtn.before(quantityBox);
            }
        }, 100)
        setTimeout(() => {
            if(loop) {
                clearInterval(loop);
            }
        }, 10000)
    }
})()

Result

BSSCommerceB2B_0-1718417811551.png
BSSCommerceB2B_0-1718417811551.png1222×413 92.4 KB

If this helps you, please like and mark it as a solution. It would be a great motivation for us to continue contributing to the community.