CSS classes: Buy now widget and Product details view

Following is the list of CSS classes applied to Buy now widget and Product details view:
CSS class name  Class set to   Default HTML tag
sfproductDetailsWrp Wrapper of product details wrapper <div>
sfInSidebar Wrapper of product details wrapper in Sidebar mode <div>
sfproductDetails Wrapper of product details <div>
sfproductBuyNow Wrapper of product details in Buy now widget <div>
sfproductImgsWrp Wrapper of product images <div>
sfproductMainImgWrp Wrapper of product main image <div>
sfproductImgsListWrp Wrapper of list of other product images <div>
sfproductImgsList List of other product images <ul>
sfproductImgWrp Wrapper of single product image <li>
sfproductImgLnk Link to open product image in lightbox <a>
sfproductImg Product image thumbnail <img>
sfproductInfoWrp Wrapper of product info <div>
sfproductTitle Product title <h1>
sfproductDynamicFieldsList List of product characteristics common for all products of a particular product type <ul>
sfproductDynamicField Wrapper of single product characteristic <li>
sfproductField Single product characteristic <div>
sfproductDescription Product description <div>
sfproductOptions Wrapper of list of product options <div>
sfproductOptionsList List of product options <ul>
sfproductOption Single product option wrapper <li>
sfAddToCartWrp Add to cart form wrapper <div>
sfBuyNowBtnWrp Add to Buy now button wrapper <div>
sfQuantity Input to enter number of product copies to buy <input>
sfAddToCartBtn Add to cart button <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?