WIP: Pay for order link goes to full width login page with no top/bottom margins

Bugs
1

If I have check payment enabled, the customer can use that and get an order confirmation emails. The order status is then “on hold,” until I manually change the order status to “payment pending”.

After this, if I send another Order Detals email to the customer, it will have a link in the email “Pay for this order” that takes them to a pay screen where they get option to choose to pay by check where they get instructions about how to pay by check, or other methods of payment if they are available.

The “Pay for this order” in the email is the same link as is on the Account>>Order>>Pay Button for the order. This is fine if logged in, but if the customer clicks the link in the email and they are not logged in, they get a login page that is a default theme login page with no top/bottom margins and a full width form. It appears there is not template for it and I would have to style the login page manually with CSS.

It needs a little defalt styling. Better yet, a template too.

See this pay for order link: https://dev.tinyquick.com/checkout/order-pay/852/?pay_for_order=true&key=wc_order_m4JTwLgg7nqH2

pay page
pay page2827×1308 196 KB

3 Likes
2

Hi,
Thanks again for your report!

I reproduced the issue and added it to our bug tracker.

Best regards,
timmse

1 Like
3

Is there any progress on this one please?

I am facing the same issue and see it is a confirmed bug for last July!

4

Hi @Corsto,

as the tile (prefix) says, it’s still in WIP = Work In Progress. Once we release a fix, we will update this topic, so you should be notified.

Best regards,
Matej

1 Like
5

Thank you. I didnt even see that there as a label, my bad.
Hopefully in release coming soon then. Because as it stands there isn’t a work around is there?

6

@Corsto

There is a CSS workaround to make it look better like this:

.woocommerce-order-pay #brx-content {
    max-width: 1260px;
    align-self: center;
    padding: 0 30px 0 30px;
    margin: 50px 0 50px 0;
}

.woocommerce-order-pay .woocommerce .button {
    font-family: "Nunito";
    background-color: #546b82;
    color: #ffffff;
}