Documentation

WooCommerce Cart

HoverCraft styles the standard WooCommerce cart to stay clear and usable across desktop and mobile layouts.

• When WooCommerce is active, supported header layouts include direct cart access with the current cart count.
• Compact headers use a cart icon with a count badge, while stacked desktop navigation uses a Shopping Cart text link with the count; the count remains visible at 0 when empty.
• Desktop carts use a structured product table with product images, prices, quantities, subtotals, and remove controls.
• Cart quantity inputs are presented as dropdown selects, normally capped at 10 choices while respecting lower product maximums and configured quantity steps.
• On smaller screens, cart rows stack vertically instead of forcing the desktop table into a narrow viewport.
• Coupon entry and Update Cart controls use HoverCraft's normal form and button styling.
• Cart totals include normal WooCommerce shipping methods, shipping destination details, and the shipping calculator when available.
• The Proceed to Checkout action remains prominent and becomes full width on smaller screens.
• WooCommerce cross-sells are limited to two products in two columns; they appear beside the cart totals on desktop and stack below the cart on smaller screens.

WooCommerce continues to own cart contents, pricing, shipping calculations, coupons, and checkout logic. See WooCommerce Checkout for the next step in the purchase flow.