CSS classes: Shopping cart

Following is the list of CSS classes applied to Shopping cart widgets:
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> 

Was this article helpful?