CSS classes: Shopping cart summary

Following is the list of CSS classes applied to Shopping cart summary widgets:
CSS class name  Class set to  Default HTML tag 
sfshoppingCartSummaryStatus  Message displayed when the widget is not properly set up  <div> 
sfcartSummaryWrp  Shopping cart summary wrapper in Expandable shopping cart, Shopping cart block mode and Simple Link modes  <div> 
sfcartSummaryExpandableWrp  Shopping cart summary wrapper in Expandable shopping cart mode  <div> 
sfcartSummaryExpanded  Shopping cart summary wrapper in Expandable shopping cart mode when shopping cart grid is expanded  <div> 
sfcartSummaryBlockWrp  Shopping cart summary wrapper in Shopping cart block mode  <div> 
sfcartSummarySimpleWrp  Shopping cart summary wrapper in Simple Link mode  <div> 
sflnkToggleCartWrp  Toggle shopping cart link wrapper  <div> 
sflnkToggleCartWrpIn  Toggle shopping cart link wrapper  <div> 
sflnkToggleCart  Toggle shopping cart link  <a> 
sflnkToggleCartLbl  Shopping cart label  <span> 
sfcartSummaryNoItems  Message shown when there are no items added to the shopping cart  <span> in Expandable shopping cart mode, <div> in Shopping cart block mode 
sfcartSummaryItemsCount  Number of products in shopping cart and total price  <strong> 
sfcartSummaryTitle  Shopping cart label in Shopping cart block mode  <h3> 
sfcartSummaryDetailsWrp  Shopping cart grid wrapper  <div> 
sfminiShoppingCart  Shopping cart grid  <table> 
sfItmTmbCol  Product thumbnail column  <td> 
sfproductTmb  Product thumbnail  <img> 
sfItmTitleCol  Product title column  <td> 
sfItmTitle  Product title <a> 
sfproductOptions  Product options wrapper  <div> 
sfItmPriceCol  Product price column  <td>
sfPrice  Product price  <span> 
sfPriceTotal  Total price and number of purchased items wrapper  <div> 
sfPrice  Total price  <strong>
sfcartSummaryBtnsWrp  Wrapper of link to shopping cart and check out button  <div> 
sflnkToCart  Link to shopping cart  <a> 
sfCheckoutBtn  Checkout button  <input> 

Was this article helpful?