# Product Catalogs

## Create New Product Catalogs

1. Select the "**Items**" on the "**Faspay Billing**" menu, and click "**Product Catalogs**" to display the Product Catalogs menu page.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FIffho95D2OVi8G1M2h1t%2FProduct%20Catalogue%20Page.png?alt=media&#x26;token=67fdc806-d523-4cd7-a1e7-184651c19432" alt=""><figcaption><p>Product Catalogs Page</p></figcaption></figure>

2. On the Product Catalogs menu, click the "**+Create**" button to add a new product.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2Fngpd4LT3Lk1QWP9n7lTA%2FCapture.PNG-mh.png?alt=media&#x26;token=4335b27e-619a-430e-b300-8af2ffb05eae" alt=""><figcaption><p>Product Catalogs Page</p></figcaption></figure>

3. The "**Add New Product**" page will be displayed.&#x20;

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2Fl5U71OFDOVHU8VAruxSg%2F2.png?alt=media&#x26;token=ab80219d-1721-4709-b176-4ff221ca9b06" alt=""><figcaption><p>Add New Product Page</p></figcaption></figure>

* Input new product data, in the "**Product Code (SKU)**" field if it is not filled in, it will be auto-generated directly from the system.
* In the "**Stock**" field, if it is not filled, it will be included in the "unlimited stock" category of the product.
* In the "**Tax Include in price**" checklist, if it is checked, there is no need to fill in the price of the product including tax in the Tax column.

4. This is an example of inputting new product data. Click "**Save**" to save the data.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FmoF7DAaW4hK2W2sbV6NR%2FSave%20New%20Product.png?alt=media&#x26;token=af4a2e2b-8397-487a-b821-6e56cba5f2c1" alt=""><figcaption><p>Save New Product</p></figcaption></figure>

5. The new **Product Catalog** data details have been successfully created.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FMc2QFW4xaAF7KP8jl6V4%2Fimage.png?alt=media&#x26;token=7257c6c4-6516-473c-b753-5c441f02c015" alt=""><figcaption><p>Product Catalog Detail</p></figcaption></figure>

## **Edit Data Product Catalog**

1. Select the product data that will be changed to the "**Product Catalog**" menu page. Then, display the product catalog data detail and click the "**Edit"** button.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FDgweRBrNd8syyyHXLJLe%2Fedit%20product.png?alt=media&#x26;token=b3c2c004-3ee3-4563-aba1-c9a96bea7694" alt=""><figcaption><p>Edit Product</p></figcaption></figure>

2. Display the "**Edit Product Catalog**" page and make an edit to the data that needs to change. Click "**Save**" to save the change.

(for example, the product name and sale price field will be changed)

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2F2XcU2ym4UyXl35060CSq%2Fedit%20product2.png?alt=media&#x26;token=f3708973-6084-4ddf-9b31-bd6aecf7c1b5" alt=""><figcaption><p>Save the Edit Product</p></figcaption></figure>

{% hint style="info" %}
All fields on the "Edit Product Catalog" page can be changed.
{% endhint %}

3. A Success notification message will be displayed, that the product catalog data will be saved,  click the "**OK**" button to continue.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2F0xf0JwfPfcX4AlVX2i3S%2Fnotification%20success.png?alt=media&#x26;token=561349b3-3c41-4df3-8d79-ef70b7474df0" alt=""><figcaption><p>Success Notification</p></figcaption></figure>

4. The following is a detail of the product catalog data that was successfully changed.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FV6sm99XLorqN2bnkW8Rv%2Fsuccessfully%20changed%20the%20data.png?alt=media&#x26;token=f55ca9ad-5394-434f-8c7a-f39edd2fdd55" alt=""><figcaption><p>Successfully Changed the Data</p></figcaption></figure>

## **Delete Product Catalog**

1. Select the product catalog data to delete.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FWrufTzRBQqHy8pj1re2I%2Fselect%20the%20item.png?alt=media&#x26;token=bfa183b6-fce5-4ac2-9628-9508578a09a5" alt=""><figcaption><p>Select Product</p></figcaption></figure>

2. The product data detail will be displayed. Click the "**Delete"** button.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2F9oOWYj29QEmMkV69UHjB%2Fdelete%20product.png?alt=media&#x26;token=0cb8dac8-a9df-458c-86b5-8ccda8e60ec3" alt=""><figcaption><p>Delete Product</p></figcaption></figure>

3. A confirmation message will be displayed, click "**Yes**" to continue the process.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FdI2kj7vPVlNnpTpMlwPi%2Fd-mh%20(87).png?alt=media&#x26;token=1deb849b-12f3-4e62-8b42-a085408be4c7" alt="" width="420"><figcaption><p>Confirm Delete Product Data Notification</p></figcaption></figure>

4. A notification message will be displayed, click "**OK**" to continue.

## **Search & Sort List Data Product Catalogs**

1. On the "**Product Catalogs**" menu page, there is a search data column based on **Code, Product Name, Category, and Price**. The following is an example of searching data based on the "**Product Name**” column.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2Ftls3wJT7pYdxQSfscXXf%2Fsearch%20product.png?alt=media&#x26;token=052ba24f-9db1-49b9-b555-9e4812383840" alt=""><figcaption><p>Search Product Catalogs</p></figcaption></figure>

2. Product catalog data can be sorted by **No, Code, Product Name, Category**, and **Price** column. The following is an example of sorting list data based on the order of product names.

<figure><img src="https://3692871117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHl0oXefaAKjpRLPnGw%2Fuploads%2FVe88yC67xPXBZAPGf8xP%2Fd-mh%20(90).png?alt=media&#x26;token=6f54f179-9d14-455f-8b2b-9f66302375b5" alt=""><figcaption><p>Sort List Data</p></figcaption></figure>

&#x20;
