Using the Mini Cart Fragment

Using the Mini Cart Fragment

Available Liferay DXP 7.4 U69+/GA69+

The Mini Cart fragment provides a detailed overview of your cart. You can use it to increase or decrease product quantity, delete products, submit the cart for checkout, or search and quickly add products to the cart.

For the fragment to work correctly, your site must have catalog, open cart, and checkout pages.

Adding the Mini Cart Fragment to a Page

  1. Go to the desired content page or template and click Edit (Edit icon).

  2. In the Fragments and Widgets sidebar (Add Widget icon), search Mini Cart.

    Search for the Mini Cart fragment from the Fragments and Widgets menu.

  3. Drag and drop the fragment onto the page. Do not mistake this fragment with the Mini Cart widget.

  4. Click Publish.

    Click the cart icon to open the Mini Cart.

Mini Cart Details

After adding the Mini Cart fragment to a page,

  1. Click Add to Cart for a product.

    Click Add to Cart on a product to add it to your Mini Cart.

  2. Click the Mini Cart icon (Mini Cart) to view these details:

    • Product Name
    • SKU
    • Quantity
    • Price
    • Subtotal
    • Subtotal Discount
    • Order Discount
    • Total

    The Mini Cart fragment gives a detailed overview of the current cart status.

The header area contains two buttons:

View Details: Go to the Open Carts page to view more details about the open order.

Remove All Items: Clear your cart of products.

The product list area displays all products in the cart along with their quantity and price. Here you can remove (Delete) or adjust the quantity of individual products. As you make changes, the cart summary section updates automatically. Click Submit to continue checking out.

Quickly Adding Products to the Cart

You can use the search bar in the fragment to add items to the cart quickly. Search by a product name or known SKU. This can reduce the time to create orders by removing the burden of searching through the catalog.

After adding the Mini Cart fragment to a page,

  1. Create a new order through the account selector.

  2. Open the Mini Cart, and search for a known SKU or product.

  3. Select the SKU and click the Mini Cart (Mini Cart) icon.

This adds the SKU to your cart. If desired, you can add multiple SKUs at once.

Add multiple SKUs at once by selecting each SKU and clicking on the Mini Cart icon.


Pending Orders