Order Form Themes & Styling

B2BKing introduces a powerful wholesale order form that allows your B2B customers to place orders quickly and easily.

There are three main themes you can choose from when using this form:

• Classic
• Indigo
• Cream

The 'Classic' theme requires customers to search for products:

Customers can add multiple products to the form and then add their selection to the cart, or save it as a purchase list for later use.

Since B2BKing version 4.1.5, two new themes have been added: 'Indigo' and 'Cream'. These themes show all products by default:

Indigo theme:

Cream theme:

Suggestion: We recommend the Cream theme, as it is currently the most advanced, offering a wide range of options and integrations across various features.

(New!) Multi-Select Capability

Starting with v5.0.90, B2BKing introduces multi-select capability for the Cream order form. This allows you to select and add multiple items to the cart with a single click:

This feature can be turned on in B2BKing -> Settings -> Bulk Order Form, or for each form individually through shortcode parameters.

How to Switch Between Themes #

To change the default order form theme, go to B2BKing -> Settings -> Bulk Order Form and change the 'Order Form Theme' setting:

Bulk Order Form Shortcode #

You can add the order form to any page or area by using the plugin's [b2bking_bulkorder] shortcode.

You can also choose the theme by using the theme parameter:

[b2bking_bulkorder theme=cream]

[b2bking_bulkorder theme=indigo]

[b2bking_bulkorder theme=classic]

(New!) The Cream theme now also supports SKU and Stock Quantity columns:

To enable these, use sku=yes and/or stock=yes in your shortcode, e.g.:

[b2bking_bulkorder theme=cream sku=yes]

[b2bking_bulkorder theme=cream stock=yes]

[b2bking_bulkorder theme=cream sku=yes stock=yes]

When these additional columns are added to the form, we recommend making sure the form is displayed on a wide page so that it has enough room to display everything correctly.

Add custom columns: It is possible to add your own custom columns via code snippets. See the link above for more details.

Indigo and Cream Theme Product Names #

By default, the Indigo and Cream themes display the SKU or product ID in the product name. If you'd like to remove this for a cleaner look, you can add the following PHP code snippet to your site:

add_filter('b2bking_bulkorder_indigo_search_name_display', function($name, $product){
	$name = $product->get_name();
	return $name;
}, 10, 2);
add_filter('b2bking_bulkorder_cream_search_name_display', function($name, $product){
	$name = $product->get_name();
	return $name;
}, 10, 2);

Additional Information #

To learn more about the available options and see useful code snippets, please refer to the main Wholesale Order Form documentation.