Woo-commerce Integration

Search…

Learn how to use Woo-commerce integration from Ionic 5 Full App

Woocommerce pages can be found at src/app/pages/woocommerce and the service functions can be found atsrc/app/services/woocommerce 
Contents
Shop Page - woocommerce-products
   Fetches all products. Filters can be used here 
Product Detail Page - product-details
All product details shown here
Cart Page - cart
Cart page for selected products
Checkout - checkout
Checkout page with payment methods
Orders 
Order history page for previous orders
Order-details
Previous order details
Connecting to Woocommerce
To connect the app to Woocommerce, you need the 
Base URL - the url of your wordpress installation
Consumer Key - Found from Woocommerce settings
Consumer Secret - Found from Woocommerce settings
You can change these in src/app/services/woocommerce/woo-commerce.service.ts  
Authentication
WooCommerce includes two ways to authenticate with the WP REST API. It is also possible to authenticate using any WP REST API authentication plugin or method. For sake of simplicity, we have directly used userID for placing orders etc.
Details of authentication can be found in official Woocommerce documentation.
Similarly, check details of API parameters and models for all methods on following links
​Shop Page 
Shop page / Products
​Product Detail Page ​
​Product attributes ​
​Product attribute terms​
​Product Categories​
​Product Tags​
Product detail page
Checkout 
​Payment gateways ​
Orders 
​Create order​
​List previous orders​
​Get an order detail​
Order history
Order details
​User related functions​
All these functions can be found in src/app/services/woocommerce in Ionic 5 Full App. 

Twitter Login

Next - Ionic 5 Full App

Removing a Page / Component

Last modified 2yr ago

Copy link

On this page

Contents

Connecting to Woocommerce

Authentication