Mini cart
The mini cart component displays the products added to the cart. The component is visible when the visitor hovers the mini cart status. Whether the quantity of the products can be modified from the minicart can be set via the the ReadOnly property in the cart configuration. If set to ReadOnly, only the quantity will shown. If not set to ReadOnly, the quantity selector will be shown (as seen in the example output. The ReadOnly property does not apply to the delete button.
Note
The mini cart also renders the mini cart status.
Note
By default this rendering fetches the cart data asynchronously. For performance reasons this can be disabled using the Fetch Data rendering parameter for pages that already contain the Cart or CartSummary renderings.
Example output
Usages
The mini cart component can be added to the header of each content page.
Cache behavior
[x] Cacheable
[ ] Clear on Index Update
[ ] Vary By Data
[ ] Vary By Device
[ ] Vary By Login
[x] Vary By Parm
[ ] Vary By Query String
[ ] Vary By User
Data source
No data source
Rendering parameters
| Parameter | Type | Description |
|---|---|---|
| Fetch Data | boolean | Indicates if the mini cart should retrieve the cart data asynchronously. For example, on the cart page the cart data is already available in the client-side cart store. In this case you don't want the mini cart to also retrieve the cart data for performance reasons. Best practise is to set this property to false on for pages that already contain the cart or cart summary renderings. |
Resource texts
| Name | Variables | Example |
|---|---|---|
| mercury-cart-product-count | products | |
| mercury-cart-heading | Cart | |
| mercury-cart-discount-label | Discount | |
| mercury-cart-subtotal-label | Total | |
| mercury-cart-subtotal-vat | Including 21% vat | |
| mercury-cart-payment-options-label | Apply coupon code | |
| mercury-minicart-edit-label | Edit | |
| mercury-minicart-proceedtocheckout-label | Go to checkout |