class-names-update-330.md

📣 Announcement: New documentation location

The documentation for WooCommerce Blocks has moved to the WooCommerce monorepo.

Please refer to the documentation in the new location as the files in this repository will no longer be updated and the repository will be archived.

---

Class names update in 3.3.0

In WooCommerce Blocks 3.3.0, we introduced express payment methods in the Cart block. In order to make it easy to write styles for express payment methods for the Cart and Checkout blocks separately, we updated several class names:

Replaced classes

Removed	New class name
wc-block-components-express-checkout	wc-block-components-express-payment (generic)
wc-block-components-express-checkout	wc-block-components-express-payment--checkout (Checkout block)
wc-block-components-express-checkout	wc-block-components-express-payment--cart (Cart block)
wc-block-components-express-checkout__title-container	wc-block-components-express-payment__title-container
wc-block-components-express-checkout__title	wc-block-components-express-payment__title
wc-block-components-express-checkout__content	wc-block-components-express-payment__content
wc-block-components-express-checkout-continue-rule	wc-block-components-express-payment-continue-rule (generic)
wc-block-components-express-checkout-continue-rule	wc-block-components-express-payment-continue-rule--checkout (Checkout block)
wc-block-components-express-checkout-continue-rule	wc-block-components-express-payment-continue-rule--cart (Cart block)
wc-block-components-express-checkout-payment-event-buttons	wc-block-components-express-payment__event-buttons

---

We're hiring! Come work with us!

🐞 Found a mistake, or have a suggestion? Leave feedback about this document here.