BricksPixel
Woocommerce Blueprint
Woocommerce Blueprint
  • Install Bricks Builder
  • Install Essential Plugins
  • Setup Essentials Pages
  • Setup Plugins One-by-One
  • Setup Bricks Builder
  • Install Bricks Woocommerce blueprint Child Theme
  • Add Custom Fonts
  • Import Color Palette
  • Import CSS Variables and CSS Classes
  • Import Components
  • Import Bricks Woocommerce Blueprint's All Templates
  • Setup Bricks Woocommerce Blueprint Child Theme
Powered by GitBook
On this page
  • Checkout
  • Shop Settings
  • Account
  • Single Product
  • Misc
  • Congratulations! 🎉

Setup Bricks Woocommerce Blueprint Child Theme

Go to Dashboard > Click 'BricksPixel' >

Checkout

Checkout > General Settings:

We are not using Bricks Order review element on the checkout, because BricksPixel provide some extra element for improving checkout page experience. So, do not enable any of these. Only use these settings if you are using Bricks Builders native Order Review element or woocommerce default checkout shortcode.

Field name
Field Priority

Email address

10

First name

20

Last Name

30

Phone

40

Company name

50

Country / Region

60

State

70

Town / City

80

Pin Code

90

Street Address

100

Apartment, suite, unit, etc.

110

Field name
Field Priority

First name

10

Last Name

20

Company name

30

Country / Region

40

State

50

Town / City

60

Pin Code

70

Street Address

80

Apartment, suite, unit, etc.

90

Field name
Field Priority

First name

20

Last Name

30

Company name

50

Country / Region

60

State

70

Town / City

80

Pin Code

90

Street Address

100

Apartment, suite, unit, etc.

110

Field name
Field Priority

Postcode

90

State

70

City

80

What are Default Address Fields, and Locale Address Fields?

Answer: By default Woocommerce change fields priorities based on the customer's selected country and also hide some fields for some countries such as if we select 'Afghanistan' woocommerce hide 'state' field. So, if we are using any fields half width, then the reordering fields behaviour will break the form style, so we will have to make sure to keep the form fields in the same order to keep the style perfectly.

And all this happen without page reloading. Woocommerce call it Locale Address field priority or something similar. So, we are here adding the same priorities for all the three situation: Default priorities, Default Address Priorities, and Locale Fields Priorities.

Important: If you want to change the billing or shipping fields priority and do not want to change when customer select country then make sure to keep same priorities for Default Address fields and Locale fields as well. And If you want to keep using Woocommerce default priorities then remove all these priorities(empty), and save changes.


Shop Settings

Tab: Shop > General:

Enable/Toggle On (Enable Color attribute HEX color in Radio Filter, Checkbox Filter, and Active Filter)

Account

Tab: Account > Custom Endpoints

Register your custom endpoints here if you want, such as in the demo we have registered two new endpoints: Wishlist and Track Order.

When adding a new endpoint you will have to add tempalte ID which you will find in Bricks > templates. such as If you want to add wishlist similar to the demo, then

  • Endpoint Title: Wishlist

  • Endpoint slug: wishlist

  • Bricks Template ID: Go to Bricks > Template > Copy template named "Account - Wishlist" ID. Template ID will be, if the template shortcode is [bricks_template id="980"] then the template ID is 980.

Similarly, you can add Track Order endpoint or any other.


Single Product

Product Gallery Slider Direction Navigation: Enable/Toggle On (Enable to add product gallery slider navigation buttons to slider left right.)

Misc

Enable Dismiss Button for Checkout Notice: Enable/Toggle On (Enable to add a dismiss button to hide WooCommerce checkout notices.)

Congratulations! 🎉

You have successfully completed the process.

PreviousImport Bricks Woocommerce Blueprint's All Templates