Big Cartel Theme Support

How do I customise my One Moment checkout page?

How do I customise my One Moment checkout page?

The following only applies if you have PayPal off-site checkout enabled. Otherwise your checkout is managed by Big Cartel - see How do I customise my Seamless Checkout payment page?

The One Moment page displays briefly between the moment your customer clicks the checkout button, and the moment the off-site PayPal payment page loads.

To customise the One Moment checkout page we use the insert content method detailed in the article Insert Content - Checkout Page.

Do not use shortcodes with these insert content methods. Shortcodes are not enabled on the Checkout page.

For example, we can replace our standard checkout message, which is..

<h1>One moment...</h1>

<p>We are processing your order.</p>

..by creating a new page named..

x-ic-checkout

..switching to HTML mode (if using HTML) and adding our own content..

<h1>Please be patient!</h1>

<p>We will load the checkout page in just a minute.</p>

..by adding text to the end of our page name..

x-ic-checkout Checking Out Now

..we can also replace the default meta tile Checkout - My Store Name with Checking Out Now.

Customising the checkout page style

Additionally you can use the method described in the support article Using the body tag to create page specific custom styles to add custom CSS specific to the One Moment checkout page. For example, to display a custom background image on your checkout page you might add the following to your custom style coding area — see Where do I add custom style code?:

/* One moment checkout page background image */
body#checkout-page {
	background-image: url("http://i.imgur.com/bBhnULT.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-size: cover;
}

AarcadeHow do I customise my One Moment checkout page?