Bricks Boilerplate Documentation
PricingDemo
  • Intro
  • Getting Started
    • Requirements
    • 5 minutes launch ⚡
    • Import into an existing project
  • Basics
    • Inside the package
    • Global Styles
      • General
      • CSS Variables
      • Buttons
      • Utility classes
    • Templates
    • ACF
      • Global topbar
    • Bricks Boilerplate Addon plugin
      • Wishlist
      • Variation swatches
      • Checkout
    • Code snippets
  • Tutorials
    • Blog in 5 minutes
    • Custom Off-canvas cart
    • Off-canvas cart without addon plugin
    • Custom Thank you page
    • Custom Checkout page
    • Custom Cart page
    • My account page
    • Product gallery with thumbnails
    • Custom query for product reviews
  • Advanced
    • Custom slider controls
    • Custom accordions
    • Megamenu
    • GSAP animations
  • Common issues
    • Custom CSS
    • Product galleries
    • Restoring site with WPvivid
Powered by GitBook
On this page
  1. Tutorials

Custom Checkout page

Create a checkout template via Bricks Templates. Then with Bricks Boilerplate you have these elements:

Name
Purpose

Checkout billing detail

Fields related to Billing

Checkout shipping detail

Fields related to Shipping

Checkout order detail

Order details (subtotal, total, taxes, fees...)

Checkout coupon form

Coupon field

Checkout payment

Payment methods

Checkout shipping methods

Shipping methods

Checkout terms

Checkout terms text

Checkout submit

Submit button

Checkout order notes

Order notes

Checkout create account

Create account fields (only when it is enabled in Woo settings + user not logged in)

With these elements you can create any checkout layout. To display list of products in cart, use query loop to query cart content.

At the moment, you need to style them via CSS.

Custom login form in checkout

You cannot add a form directly inside Checkout template because it is already a form. Workaround is to create a popup with login form that has redirect to checkout after login. In checkout you just need to create a button trigger to show this popup.

PreviousCustom Thank you pageNextCustom Cart page

Last updated 7 months ago