Component reference
Customer account
37 components for customer account. Select a component to open its complete documentation page.
woo-address-bookScaleAddress BookManage saved customer billing and shipping addresses.woo-billing-addressScaleBilling AddressRender the customer billing address details.woo-edit-addressScaleEdit AddressEdit a customer address from the account area.woo-shipping-addressScaleShipping AddressRender the customer shipping address details.woo-customer-order-dateScaleCustomer Order DateDisplay the created date for a selected order.woo-customer-order-item-countScaleCustomer Order Item CountShow the total item count for a selected order.woo-customer-order-payment-methodScaleCustomer Order Payment MethodDisplay the payment method for a selected order.woo-customer-order-itemsScaleCustomer Order ItemsRender item rows for a selected order.woo-customer-order-item-imageScaleCustomer Order Item ImageDisplay the product image for each selected-order line item.woo-customer-order-item-titleScaleCustomer Order Item TitleDisplay the product title for each selected-order line item.woo-customer-order-item-quantityScaleCustomer Order Item QuantityDisplay the quantity for each selected-order line item.woo-customer-order-item-priceScaleCustomer Order Item PriceDisplay the total or subtotal for each selected-order line item.woo-customer-order-item-imagesScaleCustomer Order Item ImagesShow product thumbnails for the selected order.woo-customer-order-listScaleCustomer Order ListRender the customer order history list.woo-customer-order-item-variationScaleCustomer Order Item VariationDisplay selected options and quantity for an order line item.woo-customer-order-details-buttonScaleCustomer Order Details ButtonOpen an order details page for the clicked order.woo-customer-order-statusScaleCustomer Order StatusDisplay the current status for a selected order.woo-customer-order-summaryScaleCustomer Order SummaryShow headline totals and order summary details.woo-customer-order-detail-numberScaleOrder Detail NumberDisplay the current order number.woo-customer-order-detail-dateScaleOrder Detail DateDisplay the current order date.woo-customer-order-detail-item-countScaleOrder Detail Item CountDisplay the current order item count.woo-customer-order-detail-statusScaleOrder Detail StatusDisplay the current order status.woo-customer-order-detail-subtotalScaleOrder Detail SubtotalDisplay the current order subtotal.woo-customer-order-detail-shippingScaleOrder Detail ShippingDisplay the current order shipping amount.woo-customer-order-detail-discountScaleOrder Detail DiscountDisplay the current order discount.woo-customer-order-detail-totalScaleOrder Detail TotalDisplay the current order total.woo-customer-order-titleScaleCustomer Order TitleRender a selected order title or label.woo-customer-order-totalScaleCustomer Order TotalDisplay the total for a selected order.woo-account-detailsScaleAccount DetailsRender the customer profile editing surface.woo-customer-badgeScaleCustomer BadgeRender a badge for the active signed-in customer.woo-customer-emailScaleCustomer EmailDisplay the signed-in customer email address.woo-customer-initialsScaleCustomer InitialsRender the initials for the active customer.woo-customer-nameScaleCustomer NameDisplay the signed-in customer name.woo-visitor-viewScaleVisitor ViewRender the logged-out visitor state.woo-login-formScaleLogin FormRender the customer login form.woo-register-formScaleRegister FormRender the customer registration form.woo-lost-password-formScaleLost Password FormHelp customers request a WooCommerce password reset.