Jump to content
thirty bees forum

Better responsive checkout


pmfjoe

Recommended Posts

Are there any plans to make the checkout a bit more responsive or is there another theme that anyone knows that is prettier on mobile?

My issues are: The buttons dont line up Some of the content like the product list goes off the screen

Link to comment
Share on other sites

I would also suggest looking at your own store as this is a very obvious issue on cell phones.

This picture is from the cart page using the community theme. As you can see due to the table the cart display goes off the screen, I am sure this occurs in PS 1.6 too. Also the Proceed/Continue buttons do not align properly.

0_1503311966197_Cart.jpg

Link to comment
Share on other sites

Yeah, anything having to do with the table displaying items in the cart even the payment screed does the same thing. I honestly think the only way around it would be to remove the table and add columns, I may investigate doing this as over 75% of our website visitors are using mobile phones. My only concern would be with columns keeping things lined up.

I will also checkout the transformer theme.

Link to comment
Share on other sites

It definitely bothers me since shipping and the total price are not visible, also if you look at my 1st screen shot there is no scroll bar shown (you can swipe left though to scroll the table).

As far as transformer I don't have the theme yet (the screen shot is from their demo) but it appears they re-wrote the table so that it fills down instead of across on small screens.

Link to comment
Share on other sites

@mdekker said in Better responsive checkout:

Oh, never realized it bothered people so much, I use some forked PS 1.6 theme in my store, also with "scrollable tables" as I'd like to call it. It permanently shows a scroll bar BTW. That seems to make the visitors less confused.

But erm how does the transformer theme cram it all inside 320px, must be a tiny font then?

Depends. ? The Transformer theme's CSS is indeed very sophisticated, but even with less effort it should be possible to force the mobile display to switch from horizontal to vertical just by CSS. The most simple way is this: https://css-tricks.com/responsive-data-tables/ I used this for PrestaShop 1.5. But meanwhile there are different techniques you may apply: Responsive Data Table Roundup

Link to comment
Share on other sites

  • 3 weeks later...

@nickon said in Better responsive checkout:

Just a quick update. Since switching to transformer theme (and the better opc layout) abandoned carts have dropped significantly. We are 0.60% up. So it DOES matter after all. Will keep a track and see if this continues

This is fantastic news @nickon especially since I also use the Transformer theme. Thank you!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...