Return to previous page

Layout Checkout Page - by Olexi - on WordPress WooCommerce support

This topic has 9 replies, 2 voices, and was last updated 9 years, 11 months ago ago by Eva Kemp

Olexi

Participant

December 4, 2014 at 00:00

Hi,

i have some issues with the layout of the checkout page. it would be great if the produkt description is left oriented, now it is right oriented.

Also i am missing the headline for the product count. The number of products in the order is to close to the product description. it is very hard to read.

can you please help to change this?

screenshots linked in the private area.

best
olexi

Please, contact administrator
for this information.

#27974 Copied

8 Answers

Eva Kemp

Support staff

December 4, 2014 at 13:57

Hello,

Are you talking about these products numbers?
http://imgur.com/ajkbzxf

Where do you want them to be displayed?

Could you please show a screenshot how you’d like to change checkout page layout?

Thank you.
Regards,
Eva Kemp.

#28053 Copied

Olexi

Participant

December 4, 2014 at 14:28

hi eva,

yes you are right … they should be just somewhere between the description and the price. maybe in the middle. also the number could be bigger in size (double).

the text of the product description should be left oriented instead of right oriented as it is now.

if possible it would be great if in the table headlines there is an indicator that this number is the quantity of pieces per product in the order.

are you oke with this information so far?

best
olexi

#28064 Copied

Olexi

Participant

December 8, 2014 at 23:30

hi,

any news on this?

best,
olexi

#28596 Copied
Eva Kemp

Support staff

December 9, 2014 at 15:40
Hello,

Sorry for a delay.
I’ve added the following code into custom.css file:
```
.order-review .shop_table td strong.product-quantity {
margin-left: 100px;
}
```
Please check the Checkout page.

Thank you.
Regards,
Eva Kemp.
#28701 Copied
Olexi

Participant

December 9, 2014 at 17:47

hi eva,

many thanks. this is much better. but the digit that counts the pieces and the “x” are not beside, they are above each other. the “x” is flying above the number.

It is the same on computer, tablet and smartphone.

best
olexi

#28741 Copied
Eva Kemp

Support staff

December 9, 2014 at 19:09
Hello,

I’ve edited the previous code:
```
.order-review .shop_table td strong.product-quantity {
margin-left: 100px;
display: inline-block !important;
width: 50px !important;
}
```
Please check now.

Regards,
Eva Kemp.
#28747 Copied
Olexi

Participant

December 9, 2014 at 20:04

fantastic, many thanks 🙂

best
olexi

#28757 Copied

Eva Kemp

Support staff

December 9, 2014 at 20:15

Hello,

You’re welcome.

Regards,
Eva Kemp.

#28758 Copied
Viewing 9 results - 1 through 9 (of 9 total)