How to design a custom shipping / delivery details page

New Member
4 0 0

We currently have a page that displays shipping information and it has been created using the standard page template.

It looks like this and is very dull:


I would like to add a drop down field so that you can select your country and then see personalised information specific to your country. I also like the idea of having a contents page on the side so that you can quickly access the information you are looking for.

The page below is how Gymshark handles it (they use shopify plus) which I think is very good:



Does anyone know how this (or the basic features) of this page can be added. I can see the option to edit html in the page editor but I would think that I would need to add some programming such as javascript or liquid to get a working dropdown field and don't know where to begin adding this code. 

I do have basic coding skills so am open to any suggestions. Many thanks in advance!

Shopify Partner
51 9 6

Hi @Chris_Orr 

Yes, I can make the same page like gymshark because need to design custom landing page. 

- Feel free to contact me on regarding this
Shopify Expert | Skype: ahsaniub123 | Whatsapp : +92 3012 104 116

Did my answer work for you? Please drop a Like and Mark it as Accepted.
Want to develop/design/customize your theme Hire me.
Feel free to contact me at Email: | Skype: ahsaniub123 | Whatsapp: +92 3012 104 116.
Shopify Expert | Shopify Developer | Liquid Developer