Menu Cart

The Responsive Addons for Elementor (RAE) Menu Cart widget allows you to display the cart icon on the website.

Content #

Menu Icon #

1. 1.Icon: Select the cart icon.
2. 2.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.
3. 3.Hide Empty: If an indicator option is selected you can opt to hide that indicator when there are no products in the cart.
4. 4.Subtotal: Enable this option to display subtotal along with the cart icon.
5. 5.Alignment: Select alignment for the menu icon.

Style #

Menu Icon #

1. 1.Text Color: Select text Color & Opacity for normal and hover behavior of the menu icon.
2. 2.Icon Color: Select icon Color & Opacity for normal and hover behavior of the menu icon.
3. 3.Background Color: Select background Color & Opacity for normal and hover behavior of the menu icon.
4. 4.Border Color: Select border Color & Opacity for normal and hover behavior of the menu icon.
5. 5.Border Width: Provide width for top, right, bottom, left side of the menu icon border.
6. 6.Border Radius: Radius for the menu icon border.
7. 7.Typography: Select typography options as font-family, size, weight, transform, style, decoration, line-height, letter-spacing.
8. 8.Icon: Size: Select the size of the icon. spacing: Select the spacing for the icon. padding: Select the padding for the icon.
9. 9.Items Indicator:
10. Text Color: Select text Color & Opacity for normal and hover behavior of the items indicator.
11. Background Color: Select background Color & Opacity for normal and hover behavior of the items indicator.
12. Distance: Select distance of items indicator from the cart icon.

Cart #

1. 1.Divider: Show or hide the divider.
2. 2.Remove Item icon: Choose to display or hide the remove item icon.
3. 3.Subtotal: Color: Select Color & Opacity of the subtotal. Typography: Select typography options as font-family, size, weight, transform, style, decoration, line-height, letter-spacing.

Products #

1. 1.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.
2. 2.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.
3. 3.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.

Buttons #

1. 1.Layout: Select button layout as inline or stacked.
2. 2.Space Between: Provide space between the buttons.
3. 3.Typography: Select typography options as font-family, size, weight, transform, style, decoration, line-height, letter-spacing.
4. 4.Border Radius: Radius for the button border.
5. 5.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.
6. 6.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.