docs: Added "Manage a Gift Card" user guide (#2089)

* docs: Added "Gift Cards" user guide

* fixed images quality
This commit is contained in:
Shahed Nasser
2022-08-24 15:42:16 +03:00
committed by GitHub
parent d3c6fd7004
commit da77a714fa
7 changed files with 294 additions and 43 deletions
+19 -19
View File
@@ -22,11 +22,11 @@ If there are more than 15 products, the list will be split into multiple pages.
### List View
To view products in a list view, which is the default view, click on the <UiIcon lightIcon="https://i.imgur.com/2Bxfaoo.png" darkIcon="https://i.imgur.com/1wfhnFV.png" alt="list" /> icon at the top right of the product list.
To view products in a list view, which is the default view, click on the <UiIcon lightIcon="https://i.imgur.com/A4kBy4n.png" darkIcon="https://i.imgur.com/y50COcH.png" alt="list" /> icon at the top right of the product list.
### Grid View
To view products in a grid view, click on the <UiIcon lightIcon="https://i.imgur.com/cXeBavT.png" darkIcon="https://i.imgur.com/jPUgY9C.png" alt="grid" /> icon at the top right of the product list.
To view products in a grid view, click on the <UiIcon lightIcon="https://i.imgur.com/HXMOOzK.png" darkIcon="https://i.imgur.com/fAHh3vz.png" alt="grid" /> icon at the top right of the product list.
![Grid View of Products List](https://i.imgur.com/GkTcjsO.png)
@@ -56,7 +56,7 @@ On the Products list page, you can find quick filters such as “Unpublished”
You can click on these filters to quickly filter the products.
![Activated quick filter](https://i.imgur.com/VCob6F5.png)
![Activated quick filter](https://i.imgur.com/KfZjvJg.png)
### Advanced Filters
@@ -64,13 +64,13 @@ You can use advanced filters to furthermore limit the products shown based on sp
To use advanced filters:
- Click on the <UiIcon lightIcon="https://i.imgur.com/alMqdZW.png" darkIcon="https://i.imgur.com/He8m6qd.png" alt="plus" /> icon next to Filters. This will toggle a dropdown with categories for different fields.
- Click on the <UiIcon lightIcon="https://i.imgur.com/1hL8NiW.png" darkIcon="https://i.imgur.com/8LtkPqW.png" alt="plus" /> icon next to Filters. This will toggle a dropdown with categories for different fields.
- You can click on a field name to expand it and choose a filter for that field.
- Click on the Apply button at the top of the dropdown.
This will retrieve the products based on the filters youve selected.
![Advanced filters dropdown with more than one filter selected](https://i.imgur.com/WPlTtTA.png)
![Advanced filters dropdown with more than one filter selected](https://i.imgur.com/NMM2zBK.png)
### Save Advanced Filters as Quick Filters
@@ -78,31 +78,31 @@ If there are filters that you need to use frequently, you can give the set of fi
To save an advanced filter:
- Click on the <UiIcon lightIcon="https://i.imgur.com/alMqdZW.png" darkIcon="https://i.imgur.com/He8m6qd.png" alt="plus" /> icon next to Filters.
- Click on the <UiIcon lightIcon="https://i.imgur.com/1hL8NiW.png" darkIcon="https://i.imgur.com/8LtkPqW.png" alt="plus" /> icon next to Filters.
- Choose your filters from the dropdown.
- Choose a name for the filters in the input at the end of the dropdown.
- Click the Save button.
![Give the filters a name and click Save](https://i.imgur.com/OJ4G1ex.png)
![Give the filters a name and click Save](https://i.imgur.com/pV8TJM0.png)
Once you click Save, you should see the new filter you added next to the Quick Filters at the top of the products list.
![Saved Filter shows as a quick filter](https://i.imgur.com/BE9RftP.png)
![Saved Filter shows as a quick filter](https://i.imgur.com/s5WysMv.png)
To apply a saved quick filter, just click on it.
### Delete Saved Quick Filters
You can delete any saved filter youve created. To do that, simply click on the <UiIcon lightIcon="https://i.imgur.com/FFwnF0m.png" darkIcon="https://i.imgur.com/ZZN7BfE.png" alt="X" /> icon next to the quick filters name, and it will be deleted.
You can delete any saved filter youve created. To do that, simply click on the <UiIcon lightIcon="https://i.imgur.com/kvGRHQR.png" darkIcon="https://i.imgur.com/kvGRHQR.png" alt="X" /> icon next to the quick filters name, and it will be deleted.
### Clear Filters
To clear all applied filters:
- Click on the <UiIcon lightIcon="https://i.imgur.com/alMqdZW.png" darkIcon="https://i.imgur.com/He8m6qd.png" alt="plus" /> icon next to Filters.
- Click on the <UiIcon lightIcon="https://i.imgur.com/1hL8NiW.png" darkIcon="https://i.imgur.com/8LtkPqW.png" alt="plus" /> icon next to Filters.
- Click on the Clear button.
![Click clear button in the advanced filters dropdown](https://i.imgur.com/MgESrMv.png)
![Click clear button in the advanced filters dropdown](https://i.imgur.com/DiMdyrM.png)
:::info
@@ -112,13 +112,13 @@ Clearing filters does not delete saved quick filters. You can still apply them b
## Search Products
You can search for products by clicking the <UiIcon lightIcon="https://i.imgur.com/efyG8WQ.png" darkIcon="https://i.imgur.com/NgocLvX.png" alt="magnifier" /> icon at the top right of the products list. When you search products, you search by product title, description, variant title, variant SKU, and collection title.
You can search for products by clicking the <UiIcon lightIcon="https://i.imgur.com/k0U0wpO.png" darkIcon="https://i.imgur.com/IdKjFak.png" alt="magnifier" /> icon at the top right of the products list. When you search products, you search by product title, description, variant title, variant SKU, and collection title.
![Search products by name](https://i.imgur.com/ch6dLZA.png)
## Search Collections
You can search for collections by clicking the <UiIcon lightIcon="https://i.imgur.com/efyG8WQ.png" darkIcon="https://i.imgur.com/NgocLvX.png" alt="magnifier" /> icon at the top right of the collections list. When you search collections, you search by collection title and handle.
You can search for collections by clicking the <UiIcon lightIcon="https://i.imgur.com/k0U0wpO.png" darkIcon="https://i.imgur.com/IdKjFak.png" alt="magnifier" /> icon at the top right of the collections list. When you search collections, you search by collection title and handle.
![Search collections by title](https://i.imgur.com/KMJDIDJ.png)
@@ -129,7 +129,7 @@ To export products:
- Go to the Products page.
- Click on Export Products at the top right.
- Click Export in the window that opens.
- Click on the <UiIcon lightIcon="https://i.imgur.com/u7dU3tC.png" darkIcon="https://i.imgur.com/dlrSybv.png" alt="bell" /> icon at the top right of the page.
- Click on the <UiIcon lightIcon="https://i.imgur.com/mWhpxNX.png" darkIcon="https://i.imgur.com/tE8LOXk.png" alt="bell" /> icon at the top right of the page.
- You should see your new export loading.
- Once the export is ready, click on the Download button.
@@ -139,7 +139,7 @@ If you face any errors or difficulties, please contact your technical support te
:::
![Click on the download button in the activity panel](https://i.imgur.com/EVhZExV.png)
![Click on the download button in the activity panel](https://i.imgur.com/VE7PBtW.png)
### Cancel a Product Export
@@ -147,11 +147,11 @@ You can only cancel an unfinished product export.
To cancel a product export:
- Click on the <UiIcon lightIcon="https://i.imgur.com/u7dU3tC.png" darkIcon="https://i.imgur.com/dlrSybv.png" alt="bell" /> icon at the top right of the page.
- Click on the <UiIcon lightIcon="https://i.imgur.com/mWhpxNX.png" darkIcon="https://i.imgur.com/tE8LOXk.png" alt="bell" /> icon at the top right of the page.
- Find the export you want to cancel.
- Click on the cancel button.
![Click on the cancel button in the activity panel](https://i.imgur.com/O2IgDQz.png)
![Click on the cancel button in the activity panel](https://i.imgur.com/yEU4lUD.png)
### Delete a Product Export
@@ -159,11 +159,11 @@ You can only delete a finished product export.
To delete a product export:
- Click on the <UiIcon lightIcon="https://i.imgur.com/u7dU3tC.png" darkIcon="https://i.imgur.com/dlrSybv.png" alt="bell" /> icon at the top right of the page.
- Click on the <UiIcon lightIcon="https://i.imgur.com/mWhpxNX.png" darkIcon="https://i.imgur.com/tE8LOXk.png" alt="bell" /> icon at the top right of the page.
- Find the export you want to delete.
- Click on the Delete button.
![Click on the delete button in the activity panel](https://i.imgur.com/KWZ195h.png)
![Click on the delete button in the activity panel](https://i.imgur.com/04Dat1k.png)
## What More Can you Do with Products?