{"id":1829,"date":"2024-05-14T14:17:41","date_gmt":"2024-05-14T14:17:41","guid":{"rendered":"https:\/\/loftocean.com\/doc\/cozystay\/?post_type=ptkb&#038;p=1829"},"modified":"2024-05-14T14:33:39","modified_gmt":"2024-05-14T14:33:39","slug":"show-room-order-details-such-as-check-in-out-date-and-more-on-cart-checkout-pages","status":"publish","type":"ptkb","link":"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/show-room-order-details-such-as-check-in-out-date-and-more-on-cart-checkout-pages\/","title":{"rendered":"Show room order details (such as check-in\/check-out dates, etc.) on Cart &amp; Checkout pages"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1829\" class=\"elementor elementor-1829\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9105d3b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9105d3b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-477c11f8\" data-id=\"477c11f8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3d2c0b1f elementor-widget elementor-widget-text-editor\" data-id=\"3d2c0b1f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Show Room Order Details on Cart Page<\/h3><p>On the WooCommerce <strong>Cart<\/strong> page, if you don&#8217;t see the <strong>room order details<\/strong> (such as <em style=\"color: royalblue;\">thumbnail<\/em>, <em style=\"color: royalblue;\">check-in and check-out dates<\/em>, <em style=\"color: royalblue;\">number of guests<\/em>, <em style=\"color: royalblue;\">extra services<\/em>, etc.) as shown in the screenshot below, then please follow the steps below to change the settings:<\/p><figure id=\"attachment_1822\" aria-describedby=\"caption-attachment-1822\" style=\"width: 2500px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/05\/room-order-details-cart.jpg\"><img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-1822 size-full\" src=\"http:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/05\/room-order-details-cart.jpg\" alt=\"\" width=\"2500\" height=\"1507\" srcset=\"https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/05\/room-order-details-cart.jpg 2500w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/05\/room-order-details-cart-300x181.jpg 300w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/05\/room-order-details-cart-1024x617.jpg 1024w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/05\/room-order-details-cart-768x463.jpg 768w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/05\/room-order-details-cart-1536x926.jpg 1536w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/05\/room-order-details-cart-2048x1235.jpg 2048w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/05\/room-order-details-cart-1920x1157.jpg 1920w\" sizes=\"(max-width: 2500px) 100vw, 2500px\" \/><\/a><figcaption id=\"caption-attachment-1822\" class=\"wp-caption-text\">Order detailed information on the Cart page, such as room name, check-in\/check-out date, number of guests, extra services, and etc.<\/figcaption><\/figure>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65a905a0 elementor-widget elementor-widget-text-editor\" data-id=\"65a905a0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Please follow the steps below:<\/strong><\/p><ol><li>Log into your WordPress website and navigate to &#8220;<strong>Pages<\/strong>&#8221; &gt; find the &#8220;xx <strong>&#8211; Cart Page<\/strong>&#8221; and click &#8220;<strong>Edit<\/strong>&#8220;.<\/li><li>Remove the &#8220;<strong>Cart<\/strong>&#8221; block from the content.<\/li><li>Use the &#8220;cart&#8221; keyword search to find &#8220;<strong>Classic Cart<\/strong>&#8221; and add it to your content.<\/li><li><strong>Do Not<\/strong> click &#8220;Transform into blocks&#8221;. Save changes directly.<\/li><li>Done.<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-951fa8e elementor-widget elementor-widget-text-editor\" data-id=\"951fa8e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<strong>The following tutorial video shows the complete steps mentioned above:<\/strong>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a7cbec elementor-widget elementor-widget-video\" data-id=\"5a7cbec\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/CfwABMH5Sns&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ebbef90 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"7ebbef90\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1d0fbc5a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1d0fbc5a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7da6d842\" data-id=\"7da6d842\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7bb52db6 elementor-widget elementor-widget-text-editor\" data-id=\"7bb52db6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Show Room Order Details on Checkout Page<\/h3><p>On the WooCommerce <strong>Checkout<\/strong> page, if you don&#8217;t see the <strong>room order details<\/strong> (such as <em style=\"color: royalblue;\">check-in and check-out dates<\/em>, <em style=\"color: royalblue;\">number of guests<\/em>, <em style=\"color: royalblue;\">extra services<\/em>, etc.) as shown in the screenshot below, then please follow the steps below to change the settings:<\/p><figure id=\"attachment_1824\" aria-describedby=\"caption-attachment-1824\" style=\"width: 2500px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/05\/room-order-details-checkout.jpg\"><img decoding=\"async\" class=\"wp-image-1824 size-full\" src=\"http:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/05\/room-order-details-checkout.jpg\" alt=\"\" width=\"2500\" height=\"1774\" srcset=\"https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/05\/room-order-details-checkout.jpg 2500w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/05\/room-order-details-checkout-300x213.jpg 300w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/05\/room-order-details-checkout-1024x727.jpg 1024w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/05\/room-order-details-checkout-768x545.jpg 768w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/05\/room-order-details-checkout-1536x1090.jpg 1536w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2024\/05\/room-order-details-checkout-2048x1453.jpg 2048w\" sizes=\"(max-width: 2500px) 100vw, 2500px\" \/><\/a><figcaption id=\"caption-attachment-1824\" class=\"wp-caption-text\">Room order details on the WooCommerce Checkout page, such as room name, check-in\/out date, number of guests, extra services, and etc.<\/figcaption><\/figure>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-400175ae elementor-widget elementor-widget-text-editor\" data-id=\"400175ae\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Please follow the steps below:<\/strong><\/p><ol><li>Log into your WordPress website and navigate to &#8220;<strong>Pages<\/strong>&#8221; &gt; find the &#8220;xx <strong>&#8211; Checkout Page<\/strong>&#8221; and click &#8220;<strong>Edit<\/strong>&#8220;.<\/li><li>Remove the &#8220;<strong>Checkout<\/strong>&#8221; block from the content.<\/li><li>Use the &#8220;checkout&#8221; keyword search to find &#8220;<strong>Classic Checkout<\/strong>&#8221; and add it to your content.<\/li><li><strong>Do Not<\/strong> click &#8220;Transform into blocks&#8221;. Save changes directly.<\/li><li>Done.<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55235df elementor-widget elementor-widget-text-editor\" data-id=\"55235df\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<strong>The following tutorial video shows the complete steps mentioned above:<\/strong>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6df7234d elementor-widget elementor-widget-video\" data-id=\"6df7234d\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/bnkCkzCkY94&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"menu_order":0,"template":"","ptkb_category":[3],"class_list":["post-1829","ptkb","type-ptkb","status-publish","hentry","ptkb_category-how-tos-faqs"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/1829","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/types\/ptkb"}],"version-history":[{"count":5,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/1829\/revisions"}],"predecessor-version":[{"id":1839,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/1829\/revisions\/1839"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/media?parent=1829"}],"wp:term":[{"taxonomy":"ptkb_category","embeddable":true,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb_category?post=1829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}