Styling Products and Cart

ℹ️

Beta Feature

The feature described here will be available starting with SureCart version 3.0. If you'd like to try this feature before the official release, you can install the beta version by visiting the SureCart plugin page on WordPress.org. In the Advanced Options section, select the latest version labeled "SureCart V3.0-Beta" from the Development Version dropdown, and click "Download."

From SureCart version 3.0, there are a multitude of utility classes you can use to match SureCart's styles. In order to use these styles, you must either add them as a style dependency to your style, or enqueue them directly.

Checkout each of the UI elements for style and markup requirements. Here is a total list of styles you can enqueue to match your UI with the SureCart UI:

surecart-alert
surecart-block-ui
surecart-button
surecart-cart
surecart-choice
surecart-coupon-form
surecart-dialog
surecart-drawer
surecart-dropdown
surecart-form-control
surecart-form-group
surecart-image-slider
surecart-input-group
surecart-label
surecart-line-item
surecart-pill
surecart-price-display
surecart-product-line-item
surecart-product-media
surecart-product-variants
surecart-prose
surecart-quantity-selector
surecart-spinner
surecart-tag
surecart-text
surecart-theme-base
surecart-wp-button
surecart-wp-buttons