{"id":2229,"date":"2019-07-24T11:47:29","date_gmt":"2019-07-24T06:17:29","guid":{"rendered":"https:\/\/magecomp.com\/support\/?post_type=manual_documentation&#038;p=2229"},"modified":"2023-10-10T11:10:12","modified_gmt":"2023-10-10T05:40:12","slug":"frontend-order-cancellation-popup","status":"publish","type":"manual_documentation","link":"https:\/\/magecomp.com\/support\/docs\/magento-2-cancel-order-extension\/frontend-order-cancellation-popup\/","title":{"rendered":"Frontend Order Cancellation Popup"},"content":{"rendered":"<p>Once the customer login to their account and navigates to &#8220;My Order&#8221;, he or she will able to find an option to cancel the order as shown below.<\/p>\n<p>&nbsp;<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-8365\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/07\/4_frontend_myaccount_cancel_order_option_2-1.png\" alt=\"\" width=\"1344\" height=\"561\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/07\/4_frontend_myaccount_cancel_order_option_2-1.png 1344w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/07\/4_frontend_myaccount_cancel_order_option_2-1-300x125.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/07\/4_frontend_myaccount_cancel_order_option_2-1-1024x427.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/07\/4_frontend_myaccount_cancel_order_option_2-1-768x321.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/07\/4_frontend_myaccount_cancel_order_option_2-1-600x250.png 600w\" sizes=\"(max-width: 1344px) 100vw, 1344px\" \/><\/p>\n<p>If the admin has enabled the order cancellation popup, the extension will ask customers to choose the reason why he or she wants to cancel as shown below the order else the extension will directly cancel the order.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-8367\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/07\/5_frontend_order_cancellatoon_popup_1.png\" alt=\"\" width=\"1347\" height=\"595\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/07\/5_frontend_order_cancellatoon_popup_1.png 1347w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/07\/5_frontend_order_cancellatoon_popup_1-300x133.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/07\/5_frontend_order_cancellatoon_popup_1-1024x452.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/07\/5_frontend_order_cancellatoon_popup_1-768x339.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/07\/5_frontend_order_cancellatoon_popup_1-600x265.png 600w\" sizes=\"(max-width: 1347px) 100vw, 1347px\" \/><\/p>\n<p>Once the customer fills all the required order cancellation details, the extension will display a successful order cancellation message as shown below.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-8370\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/07\/6_frontend_successful_order_cancellation_1.png\" alt=\"\" width=\"1285\" height=\"555\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/07\/6_frontend_successful_order_cancellation_1.png 1285w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/07\/6_frontend_successful_order_cancellation_1-300x130.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/07\/6_frontend_successful_order_cancellation_1-1024x442.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/07\/6_frontend_successful_order_cancellation_1-768x332.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/07\/6_frontend_successful_order_cancellation_1-600x259.png 600w\" sizes=\"(max-width: 1285px) 100vw, 1285px\" \/><\/p>\n<p>And this cancelled order will automatically list into the backend canceled order grid.<\/p>\n<p>Customers can view the refund of the order from the My Account in the front.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/magecomp.com\/media\/catalog\/product\/cache\/19b10369fecc27f1a40729d1b5b60dea\/1\/0\/10_order_refund_in_frontend_account_section_2.webp\" alt=\"10_order_refund_in_frontend_account_section\" \/><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2217,"menu_order":6,"template":"","manualdocumentationcategory":[704],"manual_doc_tag":[],"_links":{"self":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/2229"}],"collection":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation"}],"about":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/types\/manual_documentation"}],"author":[{"embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":2,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/2229\/revisions"}],"predecessor-version":[{"id":13430,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/2229\/revisions\/13430"}],"up":[{"embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/2217"}],"wp:attachment":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/media?parent=2229"}],"wp:term":[{"taxonomy":"manualdocumentationcategory","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manualdocumentationcategory?post=2229"},{"taxonomy":"manual_doc_tag","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_doc_tag?post=2229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}