Jump to content

How is right way to redesign new account in one page checkout


Recommended Posts

Hallo

 

I want to redesign (transform) new account block in one page checkout of default 1.5 theme.

I change width of theme to 1020px.
 

How to show new account in 2 colons

- email, password, first name, last name - in left box

- delivery info (first name, last name, adress and etc.) in right box

 

Can someone tell me the right way to do this? May be with adding div classes in order-opc-new-account.tpl 

 

You can see live theme that adapt here: http://testzone.detelinmarkov.com 

 

Final result that i searching is something like this:

post-335617-0-88218000-1392377576_thumb.png

Link to comment
Share on other sites

Hi,

 

Your own suggestion is a good approach. I'd suggest that you wrap the left content in <div class="opc-inner-left"> and the right content in <div class="opc-inner-right"> and then apply CSS. Something like:

div.opc-inner-left,
div.opc-inner-right {float:left; width:50%; height:auto; display:inline-block; clear:none}

Currently I'm not able to view your product-pages, so I can't add a product to my cart, which means I cannot see the current checkout layout.

 

However this module makes the one-page-checkout a lot better, than the default Prestashop one.

  • Like 1
Link to comment
Share on other sites

Thanks for suggestion Carlsen.

 

Why you cannot able to add products in cart? What browser you use and what is reason to cannot able adding products in cart?

 

I don`t have any problem with adding products in cart and go to checkout page. 

 

This module is god solution but i try to make useful default theme for one start up. After several months i will pay to developer for creating one specific module in checkout page that show only cart and delivery information (several boxes that will calculation specific prices for delivery to address or courier office - for one of Bulgarian courier that i will use for delivery option)

 

Now i trying to make checkout page more user friendly.  

 

I will waiting your answer why cannot able to view checkout.

 

Regards

Detelin from Bulgaria

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...