Version Sitefinity 13.0
Sitefinity 14.2 Sitefinity 14.1 Sitefinity 14.0 Sitefinity 13.3 Sitefinity 13.2 Sitefinity 13.1 Sitefinity 13.0 Sitefinity 12.2 Sitefinity 12.1 Sitefinity 12.0 Sitefinity 11.2 Sitefinity 11.1 Sitefinity 11.0 Sitefinity 10.2 Sitefinity 10.1 Sitefinity 10.0 Sitefinity 9.2 Sitefinity 9.1 Sitefinity 9.0 Sitefinity 8.2 Sitefinity 8.1 Sitefinity 8.0 Sitefinity 7.3 Sitefinity 7.2

Topics

All topics

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> 

Want to learn more?

Sign up for our free beginner training. Boost your credentials through advanced courses and certification.
Register for Sitefinity training and certification.

Was this article helpful?

Next article

CSS classes: Shopping cart summary