33c5b41e3f
* align code styles with the same configuration as Woo-Blocks * initial pass of reformat-files * applies manual fixes to various new linting errors surfaced by the configuration change. * Fix state mutation in image-upload * remove unused pre-commit-hook.js * requestAnimationFrame -> window.requestAnimationFrame * wc-api eslint changes * eslint fixes on client/lib and client/settings * client/header eslint changes * fixes for client/dashboard part 1 * fixes client/dashboard part 2 of 2 * client/analytics part 1 * client/analytics continued * client/analytics, last batch * rename __mock__ directory * pass in useEffect, useState from React component or function * remove '+' from sprintf string argument * use ref instead of findDOMNode * reformat and repaply package.json changes * install deps before running linter in Travis * useGetCountryStateAutofill * counryStateAutofill * countryStateAutofill Co-authored-by: Paul Sealock <psealock@gmail.com> |
||
|---|---|---|
| .. | ||
| add-report | ||
| add-task | ||
| dashboard-section | ||
| important-admin-notice | ||
| sql-modification | ||
| table-column | ||
| README.md | ||
| examples.config.js | ||
README.md
WooCommerce Admin Extension Examples
Examples for extending WooCommerce Admin
Directions
Install dependencies, if you haven't already.
npm install
Build the example extension by running the npm script and passing the example name.
npm run example -- --ext=<example>
Go to your Wordpress installation's plugins page and activate the plugin. WooCommerce Analytics reports 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.