cancel
Showing results for 
Search instead for 
Did you mean: 

How to customize the layout of shipping method in checkout

How to customize the layout of shipping method in checkout

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?

 

2 REPLIES

Re: How to customize the layout of shipping method in checkout

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

If my answer was useful, please give "Kudos" to this post.
If my answer helps you to resolve the problem, click on "Accept as Solution".

Re: How to customize the layout of shipping method in checkout

Hi @icemandk

 

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

Let me know if it helps. You can raise a KUDOS if its really worth for you. Also if it solves your problem then please mark as SOLUTION.