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> 

Increase your Sitefinity skills by signing up for our free trainings. Get Sitefinity-certified at Progress Education Community to boost your credentials.

Get started with Integration Hub | Sitefinity Cloud | Sitefinity SaaS

This free lesson teaches administrators, marketers, and other business professionals how to use the Integration hub service to create automated workflows between Sitefinity and other business systems.

Web Security for Sitefinity Administrators

This free lesson teaches administrators the basics about protecting yor Sitefinity instance and its sites from external threats. Configure HTTPS, SSL, allow lists for trusted sites, and cookie security, among others.

Foundations of Sitefinity ASP.NET Core Development

The free on-demand video course teaches developers how to use Sitefinity .NET Core and leverage its decoupled architecture and new way of coding against the platform.

Was this article helpful?