AD0-E708 practice question 15 of 15

A merchant sells low-priced items and has a high average number of items per order. Once a customer has over five items in their cart, the mini-cart increases in height and difficult to navigate on module. How do you improve the mini-cart user experience using native Magento features?

Full set: 61 questions
Answer options
A: Enable mini-cart pagination
B: This requires a customization
C: Disable the min-cart
D: Limit the number of items visible and hide the scrollbar Correct answer
Correct Answer:
D. Limit the number of items visible and hide the scrollbar
Explanation

Magento Open Source and Adobe Commerce provide a native configuration setting to manage the user experience of the mini-cart (referred to as the Shopping Cart Sidebar). By navigating to Stores > Settings > Configuration > Sales > Checkout > Shopping Cart Sidebar, a merchant can set the Max items to display. This feature directly addresses the issue by limiting the number of visible items in the mini-cart to a fixed number (e.g., five). When the number of items in the cart exceeds this limit, the mini-cart becomes a scrollable, fixed-height container, preventing it from growing excessively and improving navigation, especially on mobile devices.

Why Incorrect

A. Enable mini-cart pagination: This is not a native feature in Magento. Implementing pagination within the mini-cart would require custom development or a third-party extension.
B. This requires a customization: This is incorrect because a native configuration setting exists to solve the described problem without needing custom code or extensions.
C. Disable the min-cart: Disabling the mini-cart is a detrimental action that would degrade the overall user experience, contradicting the goal of improving it.

References

1. Adobe Commerce User Guide: In the section on checkout configuration

the "Shopping Cart Sidebar" settings are detailed. The Max items to display field is described as the setting that "Determines how many products are listed in the shopping cart sidebar."

Source: Adobe Commerce User Guide > Stores > Settings > Configuration > Sales > Checkout > Shopping Cart Sidebar.

2. Adobe Commerce Developer Documentation: The developer documentation confirms the configuration path and the purpose of the setting.

Source: Adobe Commerce Developer Documentation > Configuration Guide > Sales configuration > Checkout > stores/configuration/sales/checkout.html#shopping-cart-sidebar. The documentation specifies the field checkout/sidebar/maxitemsdisplaycount.

Scroll to Top