edc22bca24
* Add 'shared with you' badge * Improve spacing where multiple badges span multiple lines * Decrease font size of badges per new designs * Include 'Manage on Woo.com' only for non-shared subscriptions * Made TypeScript happier * Add 'shared with you' badge * Improve spacing where multiple badges span multiple lines * Decrease font size of badges per new designs * Include 'Manage on Woo.com' only for non-shared subscriptions * Made TypeScript happier * Add changefile(s) from automation for the following project(s): woocommerce * Addressing linter errors. * Allow unusually-long email addresses of sharers to wrap * Switch wordWrap for overflowWrap Modern browesers interpret the former as an alias of the latter, including allowing the use of 'anywhere'. But the current version of https://www.npmjs.com/package/csstype only recognises 'anywhere' as valid for overflowWrap. Switching it prevents compilation errors, still exhibits the correct behavior. * Prettier linting * Update plugins/woocommerce/changelog/46229-add-wccom19063-in-app-shared-by-badge Co-authored-by: And Finally <andfinally@users.noreply.github.com> * Add changefile(s) from automation for the following project(s): woocommerce * Use pointer as cursor for status popovers * Don't focus-within the status badge popover on load (prevents ugly link focus issue) --------- Co-authored-by: github-actions <github-actions@github.com> Co-authored-by: And Finally <andfinally@users.noreply.github.com> |
||
|---|---|---|
| .. | ||
| assets/images | ||
| components | ||
| contexts | ||
| stylesheets | ||
| utils | ||
| README.md | ||
| index.tsx | ||
| marketplace.scss | ||
README.md
Marketplace
This folder contains the components used in the Marketplace page found in WooCommerce > Extensions.
The page contains two parts, the WooCommerce.com marketplace and a list of products the user purchased.
Marketplace Tabs
- Discover: A curated list of extensions and themes.
- Browse: All extensions.
- Themes: All themes.
- Business Services: All business services.
- Search: Search results.
Marketplace API
The data for the Discover section is fetched from the /wc/v3/marketplace/featured endpoint. This behaves as a proxy to fetch and cache the content from the woocommerce.com/wp-json/wccom-extensions endpoint.
Themes, extensions, business services and search results are fetched directly from WooCommerce.com.
My Subscriptions
This tab contains the list of all the extensions and themes the WooCommerce merchant has purchased from the WooCommerce.com Marketplace.
The merchant needs to connect the site to their WooCommerce.com account to view this list and install, update, and enable the products.
If a subscription is expired, the merchant will be prompted to renew it.
My Subscriptions API
My Subscriptions data uses /wc/v3/marketplace/subscriptions API endpoints to list, install, connect, and update products.
You can find a full list of endpoints in the subscriptions API source code.
Project Structure
The project is structured as follows:
- components: The React components used in the Marketplace page.
- contexts: React contexts.
- utils: Functions used to interact with APIs.
- stylesheets: Shared stylesheets.
- assets: Images.
Development
This feature is part of WooCommerce Admin and uses the same development environment.