Menu Cart Widget (Pro)

the Menu cart El widget le permite colocar un icono de carrito de WooCommerce en su menú o en cualquier lugar de su página.

Content

Menu icon

1. Icon: Select the icon to display, choosing between Cart, Basket or Bag, in Light, Medium or Solid designs.
2. Item Indicator: Select the type of indicator to be used for the number of items in the cart, choosing from None, Bubble or Single
3. Hide empty: Slide to YES to hide the items indicator if the cart is empty
4. Subtotal: Show or hide the current cart subtotal
5. Alignment: Align the menu cart to the left, right or center

Style

Menu icon

Normal | Float up

1. Text color: Choose the subtotal text color
2. Icon color: Choose the color of the cart icon
3. Background color: Elija el color de fondo del contenedor de widgets
4. Border color: Choose the border color of the widget container
5. Border width: Controls the thickness of the border around the widget container
6. Edge radius: Sets the radius of the border to control the roundness of the corners
7. Typography: Change the typography options for subtotal text

Icon

1. Size: Adjust the size of the cart icon
2. Spacing: Adjusts the amount of space between the cart icon and the subtotal text
3. Filling: Change widget container padding settings

Item Indicator

1. Text color: Choose the color of the number of elements in the element indicator
2. Background color: Choose the background color of the item indicator
3. Distance: Sets the distance between the icon indicator and the subtotal text

Note: When the menu cart is clicked, a cart overlay opens. The following options control the design aspects of the carriage overlay.

Car

1. Divider: Show or hide the dividing line after each item in the cart overlay
2. Delete item icon: Show or hide the icon that allows users to remove an item from the cart

Subtotal

1. Colour: Choose the subtotal text color in the cart overlay
2. Typography: Change the typography options for the subtotal text in the cart overlay

products

Product title

1. Colour: Choose the color of the product title in the cart overlay
2. Typography: Change the typography options for the product title in the cart overlay

Price of the product

1. Colour: Choose the color of the product price in the cart overlay
2. Typography: Change the typography options for the product price in the cart overlay

Divider

1. Style: Select the style of the divider above and below the subtotal in the cart overlay, choosing from none, solid, double, dotted, dashed, or slotted
2. Colour: Choose the color of the subtotal divider in the cart overlay
3. Weight: Sets the thickness of the subtotal divisor
4. Spacing: Sets the space between the subtotal dividers and the subtotal text

Buttons

1. Design: Elija el diseño de los botones en la superposición del carrito, ya be en línea o apilados.
2. Space between: Sets the amount of space between the cart overlay buttons

See small car

1. Text color: Choose the text color of the Show Cart button in the cart overlay
2. Background color: Choose the background color of the Show Cart button in the Cart Overlay
3. Border color: Choose the border color of the Show Cart button on the Cart Overlay
4. Border width: Controls the thickness of the border around the Show Cart button in the cart overlay.

Check out

1. Text color: Choose the text color of the checkout button in the cart overlay
2. Background color: Choose the background color of the Checkout button in the cart overlay
3. Border color: Choose the border color of the Checkout button in the cart overlay
4. Border width: Controls the thickness of the border around the checkout button text in the cart overlay
5. Typography: Change the font options for both buttons in the cart overlay
6. Edge radius: Sets the border radius for both buttons in the cart overlay

Mini cart

To avoid conflicts with WooCommerce plugins or themes that may use their own Mini Cart templates, Elementor offers you the option to enable or disable the Elementor version of the Mini Cart template. If WooCommerce is on, follow these steps to enable or disable the Elementor Mini Cart template.

1. Go Elementor> Settings> Integrations> WooCommerce
2. Choose Enable for this option to replace the default WooCommerce mini cart template or your theme's mini cart template with the Elementor template. Unless manually set to Disable, this setting is automatically enabled once the menu cart widget is used anywhere on your site.
3. Choose Disable to opt out of using Elementor's Mini Cart template.