Installation
Step-1: Go to Online Stores >> Current theme >> Theme Customize section. Enable App embed(s) i.e. "Cancel & Reorder Links" and "Order Cancellable Script" then click on "Save" button at top right corner!

Frontend
You can see "Cancel Order" and "Reorder" buttons in your account page. On this page, you have the option to cancel your order by simply clicking the "Cancel Order" button. Additionally, if you wish to create a reorder, you can click the "Reorder" button.

When you click the "Cancel Order" button, a cancel order popup will appear. Within the popup, you will have access to various pre-defined cancel order reasons. In addition to these options, you can also choose the "Others" option to add your custom reason. After selecting your preferred cancel order reason, you can proceed by clicking the "Proceed" button to cancel the order. Upon successfully canceling the order, a success message will be displayed, confirming the cancellation. This message ensures that you are informed about the successful cancellation of your order.

General Configuration

- Enable App: You can enable/disable app by clicking toggle button.
- Order Table Selector: If you are not able to see "Cancel Order" and "Reorder" buttons in your order grid then please add table Class/Id (Ex: .classname and #idname).
How to find order table selector?
Set your order table element's (Which displays all the order details) "class-name" or "id-name" according to your theme (for Ex. .order-history). If your order container have class then please add ".order-history" and if your order container have id then please add "#order-history". How a merchant can find the Order table selector for their theme? For find order table selector right click on order table and inspect it. Check the below screenshot.

Please add the "order-history" class or id in the "Order Table Selector (for display Cancel Order and Reorder buttons on order page)" general settings field. If you're not sure how to find order table selector, please feel free to Contact Us

- Enable Cancel Order Button: You can enable/disable cancel button in order grid by clicking toggle button.
- Cancel Order Table Heading: To set the column heading for the cancel order in a table, you can label the respective column as "Cancel Order" within the table header.
- Cancel Order Button Text: You can set the button text for the "Cancel Order" button.
- Already Order Canceled Text: When you have already canceled an order, then this field text will appear on the "Cancel Order" button.
- Cancel Button Background Color: From here, you can set cancel order button background color.
- Cancel Button Text Color: From here, you can set cancel order button text color.
- Confirm Cancel Order Alert Heading: When you click on "Cancel Order" button then cancel confirmation popup will appear and these message will show in popup heading.
- Confirm Cancel Order Alert Message: When you click on "Cancel Order" button then cancel confirmation popup will appear and these message will show in popup body.
- Cancel Order Success Heading: When you click on "Proceed" button in the popup model then success message popup will display and these message will show in popup heading.
- Cancel Order Success Message: When you click on "Proceed" button in the popup model then success message popup will display and these message will show in popup body.

- Enable Reorder Button: You can enable/disable reorder button in order grid by clicking toggle button.
- Reorder Table Heading: To set the column heading for the reorder in a table, you can label the respective column as "Reorder" within the table header.
- Reorder Button Text: You can set the button text for the "Reorder" button.
- Reorder Button Background Color: From here, you can set reorder button background color.
- Reorder Button Text Color: From here, you can set reorder button text color.

From here, you can configure SMTP settings for order cancel customer email.

From here, you can configure cancel order email subject and email body. You can use variables for displaying dynamic value.
Cancellation History

By clicking the "Search" button, you can search the cancel order history using various options. Furthermore, you have the ability to delete single or multiple histories by clicking the "Delete/Delete Selected" button. Additionally, you can view the cancel order details and export the records by clicking the "Export Histories" button.