Adding CSS style to Shopify checkout pages
Posted on December 19th, 2007 by JeffIf you’re at all familiar with Shopify, you know that the one of it’s most inescapable flaws is that lack of ability to customize the check out pages. The lively discussion on the Shopify forum illustrates a lot of the opinions, and Shopify creator Tobias Lutke explains in a forum posting why the decision was made to limit the designers’ control of the checkout pages:
As the shopify veterans will be able to tell you we work on the checkout procedure constantly. Recently we eliminated an entire step from the process and added discount codes. We will move the checkout system into the themeable domain but not just yet. Once it is released as editable though we will not be able to change the checkout in any meaningful way.
Tobi later posted a compromising solution to allow Shopify designers to style the check out with CSS while not giving up control over structure or content. By allowing users to upload a customized checkout.css to the Shopify assets folder, designers now have complete control over the look and feel. Point Clinic, one of Bust Out Solutions’s first Shopify customers, got the checkout style treatment.
Before

After




