| CSS class name | Class set to | Default HTML tag |
| sfshoppingCartWrp | Shopping cart wrapper | <div> |
| sfshoppingCartTitle | Shopping cart tile | <h1> |
| sfProductsInCart | Summary how many items are added to shopping cart | <div> |
| sfItmTmbCol | Product thumbnail column | <td> |
| sfproductTmbWrp | Product thumbnail wrapper | <div> |
| sfproductTmb | Product thumbnail image | <img> |
| sfItmTitleCol | Product name column | <td> |
| sfItmTitleWrp | Product name wrapper | <div> |
| sfItmTitle | Product name | <a> |
| sfItmLnksWrp | Wrapper of actions links of the particular product | <div> |
| sfItmRemove | Link to remove an item from shopping cart | <a> |
| sfItmOptionsCol | Product options column | <td> |
| sfSingleItmPriceCol | Single item price column | <td> |
| sfItmQuantityCol | Product quantity column | <td> |
| sfItmPriceCol | Total price per product column | <td> |
| sfShoppingCartGridFooter | Wrapper of coupon form and total price plus discounts and coupons applied to the price | <div> |
| sfShoppingCartCouponEntryField | Wrapper of apply a coupon form and toggle form link | <div> |
| sfcouponCodeEntryViewWrap | Wrapper of apply a coupon form and toggle form link | <div> |
| sfCouponCodeItem | Link in coupon form | <a> |
| sfExpandCouponEntryField | Link to toggle coupon form | <a> |
| sfExpandIcon | Link to toggle coupon form with an icon which shows whether the form is expanded or collapsed | <a> |
| sfExpanded | Link to toggle coupon when the form is expanded | <a> |
| sfCouponEntryField | Wrapper of apply a coupon form | <div> |
| sfApplyCouponBtn | Button to submit coupon that is applied to the total price | <input> |
| sfChangeCouponCodeToggleMessage | Wrapper of the coupon that has been applied and a link to expand a form to change it | <div> |
| sfShoppingCartTotal | Wrapper of total price before any discounts have been applied and a list of discounts which will be applied | <div> |
| sfShoppingCartDiscountList | Total price before any discounts have been applied and a list of discounts which will be applied | <table> |
| sfDiscountAmountCol | Discount column | <td> |
| sfTotalRowWrp | Wrapper of total price after discounts | <div> |
| sfPriceTotal | Total price after discounts | <strong> |
| sfshoppingCartUpdateLnk | Link to update shopping cart after any change has been applied | <a> |
| sfshoppingCartBtnsWrp | Wrapper of continue shopping and checkout actions | <div> |
| sfBackBtn | Link to go back to products list page and continue shopping | <a> |
| sfCheckoutBtn | Button to proceed to checkout | <input> |