How to customize the layout of shipping method in checkout

[icemandk]

Hello

I'm trying to edit the layout of step 5 - choice of shipping method - in checkout because I find the current layout far from user friendly.

My standard layout looks like this and I don't like that the price is showing just after the text:

Shipping title

[x] Parcel to home address  15,00

[ ]  Parcel with insurance to business address  12,00

[ ]  Parcel to pickup store  10,00

I would like to have the shipping methods listed in a table design, like this:

Shipping title

[x]   Parcel to home address                                                 15,00

[ ]    Parcel with insurance to business address                    12,00

[ ]    Parcel to pickup store                                                     10,00

Can someone help me?

[Gabriel Guarino]

Hi @icemandk,

Have you enabled Template Path Hints to see which template to modify?

Here is a tutorial: http://help.sweettoothrewards.com/article/434-how-do-i-turn-on-template-path-hints
Since that is basically modifying HTML and CSS, it should be easy to do.

Best regards.
Gabriel

[htpvikas]

Hi @icemandk

You can add CSS for price box and float it right.