{"id":2769,"date":"2019-10-03T17:55:25","date_gmt":"2019-10-03T12:25:25","guid":{"rendered":"https:\/\/magecomp.com\/support\/?post_type=manual_documentation&#038;p=2769"},"modified":"2023-04-10T15:13:48","modified_gmt":"2023-04-10T09:43:48","slug":"in-frontend","status":"publish","type":"manual_documentation","link":"https:\/\/magecomp.com\/support\/docs\/magento-2-delivery-date-extension\/in-frontend\/","title":{"rendered":"In Frontend"},"content":{"rendered":"<p>Once you save the configurations and settings, you can see Delivery Date enabled. Once customers choose all the options, quantities and add the product to cart, Delivery Date can be seen on the checkout page for customers to select order delivery date for products they purchase.<\/p>\n<ul>\n<li><strong>Delivery Date Picker on the checkout page:<\/strong><\/li>\n<\/ul>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-9222\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/4_delivery-date-picker-on-frontend-1.png\" alt=\"delivery-date-picker-on-frontend\" width=\"564\" height=\"440\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/4_delivery-date-picker-on-frontend-1.png 564w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/4_delivery-date-picker-on-frontend-1-300x234.png 300w\" sizes=\"(max-width: 564px) 100vw, 564px\" \/><\/p>\n<ul>\n<li><strong>Delivery Date &amp; Time Picker on the checkout page:<\/strong><\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-9223\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/5_delivery-date-time-picker-on-checkout-page.png\" alt=\"delivery-date-time-picker-on-checkout-page\" width=\"553\" height=\"532\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/5_delivery-date-time-picker-on-checkout-page.png 553w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/5_delivery-date-time-picker-on-checkout-page-300x289.png 300w\" sizes=\"(max-width: 553px) 100vw, 553px\" \/><\/p>\n<p>After order placement, customers can see the delivery date in their \u201cMy Account\u201d section as well.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-9224\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/6_delivery-date-in-order-view-frontend.png\" alt=\"delivery-date-in-order-view-frontend\" width=\"1262\" height=\"840\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/6_delivery-date-in-order-view-frontend.png 1262w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/6_delivery-date-in-order-view-frontend-300x200.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/6_delivery-date-in-order-view-frontend-1024x682.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/6_delivery-date-in-order-view-frontend-768x511.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/10\/6_delivery-date-in-order-view-frontend-600x399.png 600w\" sizes=\"(max-width: 1262px) 100vw, 1262px\" \/><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2763,"menu_order":3,"template":"","manualdocumentationcategory":[1723],"manual_doc_tag":[],"class_list":["post-2769","manual_documentation","type-manual_documentation","status-publish","hentry","manualdocumentationcategory-m2-delivery-date"],"_links":{"self":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/2769","targetHints":{"allow":["GET"]}}],"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":1,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/2769\/revisions"}],"predecessor-version":[{"id":9225,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/2769\/revisions\/9225"}],"up":[{"embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/2763"}],"wp:attachment":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/media?parent=2769"}],"wp:term":[{"taxonomy":"manualdocumentationcategory","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manualdocumentationcategory?post=2769"},{"taxonomy":"manual_doc_tag","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_doc_tag?post=2769"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}