Cart
The Cart widget displays the number of items in the cart. When a customer clicks the Cart widget, they are navigated to your storefront site. Your storefront site accurately displays the number of items in their cart.
The following image shows an example of the Cart widget:
Cart widget configuration
The following table shows the default configuration for the Cart widget. To request a change or update to this configuration, contact your Instacart representative.
| Property | Description | Default Value |
|---|---|---|
badgeBorderWidth | The border width of the cart badge. | 2px |
badgePadding | The padding of the cart badge. | 0px 7px |
btnPaddingMobile | The padding of the cart badge when viewed on a mobile device. | 0px 6px |
badge.font-size | The font weight of the cart badge. | 15px |
badge.font-weight | The border width of the button. | 15px |
button.width | The width of the cart button. | 85px |
text.font-size | The font size of the cart button. | 14px |
text.font-weight | The font weight of the cart button. | 700 |