From woocommerce-commerce
Customizes WooCommerce classic (PHP hooks) and block-based (React/Store API) checkouts: add fields, validate, save order meta, extend flows.
npx claudepluginhub orcaqubits/agentic-commerce-skills-plugins --plugin woocommerce-commerceThis skill is limited to using the following tools:
**Fetch live docs**:
Generates design tokens/docs from CSS/Tailwind/styled-components codebases, audits visual consistency across 10 dimensions, detects AI slop in UI.
Records polished WebM UI demo videos of web apps using Playwright with cursor overlay, natural pacing, and three-phase scripting. Activates for demo, walkthrough, screen recording, or tutorial requests.
Delivers idiomatic Kotlin patterns for null safety, immutability, sealed classes, coroutines, Flows, extensions, DSL builders, and Gradle DSL. Use when writing, reviewing, refactoring, or designing Kotlin code.
Fetch live docs:
site:developer.woocommerce.com checkout for checkout documentationwoocommerce checkout blocks extensibility api for block checkout patternswoocommerce classic checkout customization hooks for classic checkout hooks[woocommerce_checkout] shortcodeWC_Checkout classcheckout/form-checkout.php@woocommerce/blocks-checkout packageFilter woocommerce_checkout_fields to modify fields:
billing, shipping, account, ordertype, label, placeholder, required, class, priority, validatetext, textarea, select, radio, checkbox, email, tel, password, country, stateAdd to the fields array in the woocommerce_checkout_fields filter:
priority to control orderingcustom_attributes for HTML attributesAction woocommerce_checkout_process:
$_POST valueswc_add_notice( $message, 'error' )Action woocommerce_checkout_update_order_meta (legacy) or woocommerce_checkout_order_processed:
$order->update_meta_data( '_my_field', $value ); $order->save();woocommerce_admin_order_data_after_billing_address actionwoocommerce_email_after_order_table actionwoocommerce_thankyou actionAdd custom data to checkout process:
ExtendSchema::register_endpoint_data()woocommerce_store_api_checkout_update_order_from_requestregisterCheckoutFilters from @woocommerce/blocks-checkout:
itemName — modify cart item namecartItemPrice — modify displayed pricesubtotalPriceFormat — modify subtotal formatcoupons — modify coupon display__experimental_woocommerce_blocks_checkout_update_shipping_addressInject React components at predefined points:
ExperimentalOrderMeta — after order summaryExperimentalDiscountsMeta — after discountsExperimentalOrderShippingPackages — shipping packages areaRegister custom blocks as checkout inner blocks for maximum layout control.
woocommerce_checkout_process)woocommerce_checkout_create_order)WC_Payment_Gateway::process_payment())woocommerce_checkout_order_processed, woocommerce_payment_complete, woocommerce_thankyouWC_Checkout::create_order():
WC_Order from cart datawoocommerce_checkout_create_order filterAdd fees via woocommerce_cart_calculate_fees action:
WC()->cart->add_fee( $name, $amount, $taxable, $tax_class )wc_add_notice()cart_checkout_blocks compatibilityFetch the WooCommerce checkout documentation for exact hook names, Store API extension methods, and block checkout patterns before implementing.