Cart Elements

You can add any content elements available in page builder to your cart template. However, the mostly used elements are cart specific elements like cart table, cart totals, notices etc. Here we will describe briefly cart specific elements.

Cart Table

With this element you can add a cart table to your cart template.

Layout: you can choose between two layouts and different product thumbnail sizes

Table Headers: here you can enable/disable and style table headers

Table Content: here you can style the table content

Apply Coupon: settings to control the appearance of “apply coupon” field and button

Update Cart: here you can choose whether to use the standard WooCommerce “update cart” button or to update the cart automatically

Cart Totals

With this element you can add and style the cart totals element to your cart template.

WooCommerce Notices

This element displays the WooCommerce notices in your cart.

Checkout Steps

With this element you can add checkout steps to your cart template.

Button

Adds button to your cart template. Тhe specifics of this element is that you can choose between different link types:

  • Checkout Page: the button will be automatically linked to checkout page. In this way you can create fancy & attractive checkout buttons and disable the displaying of the standard checkout button in “Cart Totals” element (see above).
  • Custom Selection: this link type allows you to specify any custom link URL for the button.

Products Grid / Products Carousel

This elements help you to add cross-sell products to your cart template. After adding this element, by default, the “Cross-Sell Products” will be selected as products source. This means that cross-sell products defined in the products settings of your WooCommerce store will be displayed.

You can also change the product source from cross-sell products to manual selection by selecting “Display products by categories/attributes”. In this case you can select any products (by category, by attributes etc.) to be displayed in your cart template.

All settings of “Products Grid” element are explained in following sections:

Elementor Version

WPBakery Version

Show/hide elements for logged in users

In some cases it would be useful to hide different content elements for logged in users. For example, if you show some CTA box with links for customers signing in or registering a new customer account, it would make no sense to show this CTA for the customers who have already account and are logged in.

In order to hide this CTA for the logged in users you can use the “Visible for users” setting.

  • In Elementor this setting is available for sections, columns and all elements/widgets. It is located under “Advanced” tab in “TheGem Options” section.

  • In WPBakery this setting is available for rows and columns. It is located under “General” tab of row / column.