Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Shopify: How to edit the HTML / Liquid on the checkout page?

Tags:

shopify

I just started a shopify store and I want to edit the HTML or Liquid on the checkout page when someone presses "Proceed to Checkout". However, I don't see any template for that in my template editor. Where is this view file?

It looks like it's being redirect to something shopify hosts. The domain changes from myshop.shopify.com to something like https://checkout.shopify.com/carts/47974257/18b0c50ab2bce29f0000e137987g05c8c

Can someone help???

like image 239
bigpotato Avatar asked May 08 '14 21:05

bigpotato


People also ask

Can I edit code of checkout page on Shopify?

Shopify is a popular eCommerce platform that allows users to create online stores. One of the benefits of using Shopify is that it provides a customizable checkout process. This means that you can edit the code to change the way your checkout looks and functions.

How do I edit text in checkout on Shopify?

If you want to add a short message or instruction to the top of the checkout page, you can do this by editing the 'Checkout Language' settings in your Shopify admin. Go to Settings > Checkout > Checkout Language and enter your text in the 'Additional content and tips' field.


2 Answers

See here: is it possible to create a checkout template?

You can only customize your checkout by editing the checkouts CSS. Shopify must control the majority of your checkout in order to ensure PCI level 1 compliance to protect both you and your customers from potential unscrupulous behaviour on the checkout.shopify.com server.

See here to edit the checkout CSS: Customizing your checkout CSS
Update: For Shopify Plus, see checkout.liquid and checkout.scss.liquid. Otherwise, see here:

If you're on a non-plus subscription, you can customize your checkout in the theme editor by clicking Customize checkout on the Checkout page of your Shopify admin.

There is also the Additional Content & Scripts area in Settings.

like image 190
Steph Sharp Avatar answered Jan 07 '23 09:01

Steph Sharp


Shopify completely explains how you can override the CSS presented in the checkout on their domain so that it matches your theme. You cannot alter any HTML or Javascript. You can however alter the final step of checkout, the Thank You page.

If you are Shopify Plus member, you can totally mess with checkout as they give you access to checkout.liquid

like image 33
David Lazar Avatar answered Jan 07 '23 08:01

David Lazar