woocommerce/plugins/woocommerce-admin/docs/examples/extensions
Chi-Hsuan Huang 6832a4b249
Update onboarding task documentation & add back `example` command (#44026)
2024-01-30 12:05:46 +08:00
..
add-abbreviated-notification Cleanup Loader.php and move it to Internal namespace (https://github.com/woocommerce/woocommerce-admin/pull/8416) 2022-03-09 10:04:34 -04:00
add-navigation-items Fixing an unwanted page refresh when using Woo Navigation (https://github.com/woocommerce/woocommerce-admin/pull/7615) 2021-09-15 09:42:54 -07:00
add-report Cleanup Loader.php and move it to Internal namespace (https://github.com/woocommerce/woocommerce-admin/pull/8416) 2022-03-09 10:04:34 -04:00
add-task Update onboarding task documentation & add back `example` command (#44026) 2024-01-30 12:05:46 +08:00
dashboard-section Cleanup Loader.php and move it to Internal namespace (https://github.com/woocommerce/woocommerce-admin/pull/8416) 2022-03-09 10:04:34 -04:00
important-admin-notice Cleanup Loader.php and move it to Internal namespace (https://github.com/woocommerce/woocommerce-admin/pull/8416) 2022-03-09 10:04:34 -04:00
payment-gateway-suggestions Fix/37502: Correct spelling errors. (#37887) 2023-05-08 15:55:09 +08:00
simple-inbox-note replace developer.woocommerce.com with developer.woo.com 2023-11-10 16:09:27 +01:00
sql-modification Cleanup Loader.php and move it to Internal namespace (https://github.com/woocommerce/woocommerce-admin/pull/8416) 2022-03-09 10:04:34 -04:00
table-column Cleanup Loader.php and move it to Internal namespace (https://github.com/woocommerce/woocommerce-admin/pull/8416) 2022-03-09 10:04:34 -04:00
README.md Renamed `woocommerce/client/admin` Package 2023-12-09 12:59:24 -08:00
examples.config.js Update onboarding task documentation & add back `example` command (#44026) 2024-01-30 12:05:46 +08:00

README.md

WooCommerce Admin Extension Examples

Examples for extending WooCommerce Admin

Directions

Install dependencies, if you haven't already.

pnpm install

Build the example extension by running the pnpm script and passing the example name.

WC_EXT=<example> pnpm --filter=@woocommerce/admin-library example

You should see a new directory in ./woocommerce/plugins/{example} path. Include the output plugin in your .wp-env.json or .wp-env.override.json and restart the WordPress instance. WooCommerce will now reflect the changes made by the example extension.

You can make changes to Javascript and PHP files in the example and see changes reflected upon refresh.

Example Extensions

  • add-report - Create a "Hello World" report page.
  • add-task - Create a custom task for the onboarding task list.
  • dashboard-section - Adding a custom "section" to the new dashboard area.
  • table-column - An example of how to add column(s) to any report.
  • sql-modification - An example of how to modify SQL statements.
  • payment-gateway-suggestions - An example of how to add a new payment gateway suggestion