REA Menu Cart
Last updated
Last updated
The REA Menu Cart widget allows you to display the cart icon on the website.
Icon: Select the cart icon.
Items Indicator: Select an indicator to show the number of elements in the cart. Choose from Bubble, plain option, or choose not to display this option.
Hide Empty: If an indicator option is selected you can opt to hide that indicator when there are no products in the cart.
Subtotal: Enable this option to display subtotal along with the cart icon.
Alignment: Select alignment for the menu icon.
Text Color: Select text Color & Opacity for normal and hover behavior of the menu icon.
Icon Color: Select icon Color & Opacity for normal and hover behavior of the menu icon.
Background Color: Select background Color & Opacity for normal and hover behavior of the menu icon.
Border Color: Select border Color & Opacity for normal and hover behavior of the menu icon.
Border Width: Provide width for top, right, bottom, left side of the menu icon border.
Border Radius: Radius for the menu icon border.
Typography: Select typography options as font-family, size, weight, transform, style, decoration, line-height, letter-spacing.
Icon: Size: Select the size of the icon. spacing: Select the spacing for the icon. padding: Select the padding for the icon.
Items Indicator: Text Color: Select text Color & Opacity for normal and hover behavior of the items indicator. Background Color: Select background Color & Opacity for normal and hover behavior of the items indicator. Distance: Select distance of items indicator from the cart icon.
Divider: Show or hide the divider.
Remove Item icon: Choose to display or hide the remove item icon.
Subtotal: Color: Select Color & Opacity of the subtotal. Typography: Select typography options as font-family, size, weight, transform, style, decoration, line-height, letter-spacing.
Product Title: Color: Select the Color & Opacity of the product title. Typography: Select typography options as font-family, size, weight, transform, style, decoration, line-height, letter-spacing.
Product Price: Color: Select the Color & Opacity of the product price. Typography: Select typography options as font-family, size, weight, transform, style, decoration, line-height, letter-spacing.
Divider: Style: Select style for the divider. Color: Select the Color & Opacity of the divider. Weight: Weight of the divider. Spacing: Spacing around the divider.
Layout: Select button layout as inline or stacked.
Space Between: Provide space between the buttons.
Typography: Select typography options as font-family, size, weight, transform, style, decoration, line-height, letter-spacing.
Border Radius: Radius for the button border.
View Cart: Text Color: Select the text color for the view cart button. Background Color: Select the text color for the view cart button. Border Type: Select a border type for the button.
Checkout: Text Color: Select the text color for the checkout button. Background Color: Select the text color for the checkout button. Border Type: Select a border type for the checkout button.
