{"id":20513,"date":"2022-05-24T12:33:40","date_gmt":"2022-05-24T12:33:40","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=20513"},"modified":"2026-01-12T12:26:15","modified_gmt":"2026-01-12T12:26:15","slug":"how-to-create-a-cart-page-template","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-a-cart-page-template\/","title":{"rendered":"How to Create a Cart Page Template"},"content":{"rendered":"\n
\n

First, make sure all essential WooCommerce <\/em>pages, including the cart, are available on your website.<\/p>\n\n\n\n

Navigate to WordPress Dashboard > WooCommerce > Status > Tools<\/em><\/strong> tab, then scroll down to the Create default WooCommerce pages<\/strong> section and click the \u201cCreate pages<\/strong>\u201d button. This will not affect existing pages, but will affect those that are missing.<\/p>\n\n\n\n

\"creating<\/a><\/div>\n\n\n\n

When all the necessary pages are created, make sure they contain the appropriate shortcodes. The Cart<\/strong> page should only contain the [woocommerce_cart] shortcode. In this guide, you can learn more about WooCommerce shortcodes<\/a>.<\/p>\n\n\n\n

Then, go to WordPress Dashboard > WooCommerce > Advanced<\/em><\/strong> tab, and ensure that a relevant page is assigned in the Cart page<\/strong> field.<\/p>\n\n\n\n

\"assigning<\/a><\/div>\n<\/div><\/div>\n\n\n\n

Creating a Cart Page Template with the JetWooBuilder<\/h2>\n\n\n\n
\n

To create a cart page template with JetWooBuilder<\/em>, we need to enable all the necessary widgets. To do this, navigate to WordPress Dashboard > Crocoblock > JetPlugins Settings<\/em><\/strong> and expand the JetWooBuilder<\/strong> tab.<\/p>\n\n\n\n

Then, scroll down to the Cart Widgets<\/strong> section and enable all cart widget toggles.<\/p>\n\n\n\n

\"enabling<\/a><\/div>\n\n\n\n

After enabling all the widgets, proceed to WordPress Dashboard > Crocoblock > JetPlugins > Woo Page Builder<\/em><\/strong> submenu and click the \u201cCreate New Template<\/strong>\u201d button.<\/p>\n\n\n\n

Choose the \u201cCart\u201d option in the This Template For:<\/strong> drop-down menu. Name the template and click the \u201cCreate Template<\/strong>\u201d button.<\/p>\n\n\n\n

\"create<\/a><\/div>\n\n\n\n

One can create templates for both empty and full carts. JetWooBuilder<\/em> has five cart template-specific widgets.<\/p>\n\n\n\n

\"cart<\/a><\/div>\n\n\n\n

Cart Table widget<\/h3>\n\n\n\n

This widget displays a table of products that the user added to the cart. By default, the table has five columns showing the product\u2019s image, title, price, quantity, and subtotal. <\/p>\n\n\n\n

Each row has a \u201cRemove<\/strong>\u201d button, and there is an option to add a coupon below the table. In the Style<\/strong> menu tab, users can customize each element to match their preferences and the overall design of the shop.<\/p>\n\n\n\n

The Content<\/strong> tab of the widget setting has the following tabs: Table <\/strong>and Action Controls<\/strong>.<\/p>\n\n\n\n

The Table<\/strong> tab includes the following settings:<\/p>\n\n\n\n

\"adding<\/a><\/div>\n\n\n\n