Layout new Checkout Page

[maike]

Hi Ed,

I really appreciate the design of the new Checkout page! Thank you for that. I have to questions:

1) Is it possible to widen the “Your order section” a little bit? The Details section is quite wide and I think if you have longer product names it will look not very nice on the right hand side. In this Theme they solved it quite good I think: http://flatsome.uxthemes.com/checkout/

2) We have to use a Plugin called “German Market” and it adds a tax information to the single prices – also in the order summary at the cart. If it is activated the Quantity of a product is not visible (http://www.get-on-apps.com/en/checkout/). Do you have an idea how we can solve this? I tried some CSS but was not very successful. I will add a screenshot.

Thanks a again and have a nice day 🙂
Maike

[Swift Ideas – Ed]

1) Thanks, good shout – have amended this for the next update.

2) Seems as though there is no quantity info given on your site. Can you check our demo, it should work perfectly there for you?

Thanks,

– Ed

[maike]

Hi Ed,

thanks for this quick reply 🙂

1) Great!

2) The quantity info is there. You can see it when you deactivated the German Market Plugin. When it is activated the number disappears…

Best Regards
Maike

[Swift Ideas – Ed]

Hi Maike,

The plugin isn’t hiding it in visibility, but actually removing it – can you check this with them?

– Ed

[maike]

Sure, I will do this tomorrow!

Thanks
Maike

[Swift Ideas – Ed]

No worries, let us know 🙂

– Ed

[imweird]

Have a question about this great new checkout page –
I can’t find a proper way to translate:

“Your Order” & “Payment Method” in the right column.

Any advice?
Thank you

[Melanie – SUPPORT]

Hi, have you translated the theme via poedit or codestyling localization?

[imweird]

you are right. I have properly updated the theme but didnt check the new .po file properly.

have another problem tough 🙁
Even if this new checkout page looks great it is showing me some difficulties.

can you check this? maybe you or Ed can give me some advices.

http://www.nimsai.ch

pic a product and go to the checkout page.
Now try to resize the browser page and see what happens to the right column / with “your order” and “payment method” / the content is pushed out of the box 🙁

Thank you!
best support ever btw.
I have just purchased other 2 themes of you.

[imweird]

by the way.
I have checked the .po file looking for
“your order” & “Payment Method” and those string are missing / i have the neighborhood theme v.1.4

[Melanie – SUPPORT]

Hi, I don’t see a problem on your checkout page, can you show me a screenshot?

[imweird]

Yes! here is the Screenshot.
when i try to rescale this is what happens ( of course it’s bacuse of the text lenght ) maybe you have some nice ideas! 🙂

[Swift Ideas – Ed]

Ahh I see. Try this custom css to fix that:

@media only screen and (min-width: 768px) and (max-width: 959px) {	

.review-order-wrap {
padding: 45px 15px 30px;
}
#order_review table.totals_table th {
width: 20%;
}
#order_review table.totals_table .shipping td {
width: 80%;
}
#order_review table.totals_table .shipping th {
display: none;
}

#order_review #payment {
margin: 0 -15px;
padding: 20px 35px 0;
}

}

Let us know.

– Ed