{"id":714,"date":"2021-01-24T06:04:02","date_gmt":"2021-01-24T06:04:02","guid":{"rendered":"https:\/\/loftocean.com\/doc\/loftloader\/?page_id=714"},"modified":"2022-12-01T09:15:20","modified_gmt":"2022-12-01T09:15:20","slug":"additional-display-options","status":"publish","type":"page","link":"https:\/\/loftocean.com\/doc\/loftloader\/smooth-page-transition\/additional-display-options\/","title":{"rendered":"Additional Display Options"},"content":{"rendered":"\n<p>When enabling &#8220;Smooth Page Transition&#8221; feature, you will find the &#8220;Additional Display Option&#8221; sub section:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2210\" height=\"1588\" src=\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2022\/12\/spt-new-7.png\" alt=\"\" class=\"wp-image-788\" srcset=\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2022\/12\/spt-new-7.png 2210w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2022\/12\/spt-new-7-300x216.png 300w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2022\/12\/spt-new-7-1024x736.png 1024w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2022\/12\/spt-new-7-768x552.png 768w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2022\/12\/spt-new-7-1536x1104.png 1536w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2022\/12\/spt-new-7-2048x1472.png 2048w\" sizes=\"auto, (max-width: 2210px) 100vw, 2210px\" \/><\/figure>\n\n\n\n<p><strong>Additional Display Option<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Default&nbsp;<\/li>\n\n\n\n<li>Only show loader during page transition&nbsp;<\/li>\n\n\n\n<li>Show the loader on the current page only when leaving the page<\/li>\n<\/ul>\n\n\n\n<p>Please check the table below to learn the differences between the 3 options:<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table class=\"has-background\" style=\"background-color:#e9fbe5\"><thead><tr><th><\/th><th>Default<\/th><th>Only Show loader during page transition<\/th><th>Show the loader on the current page only when leaving the page<\/th><\/tr><\/thead><tbody><tr><td><strong>Load\/Refresh the page<\/strong><\/td><td>Loader shows<\/td><td>No Loader<\/td><td>No Loader<\/td><\/tr><tr><td><strong>Click on an internal link<\/strong><\/td><td>Loader shows<\/td><td>Loader shows<\/td><td>Loader shows<\/td><\/tr><tr><td><strong>About to leave the current page<\/strong><\/td><td>Loading progress reaches 60%<\/td><td>Loading progress reaches 60%<\/td><td>Loading progress reaches 100%<\/td><\/tr><tr><td><strong>New page is open and loading<\/strong><\/td><td>Loader Shows. The loading progress continues counting from 61%<\/td><td>Loader Shows. The loading progress continues counting from 61%<\/td><td>Loader disappears (<strong>without<\/strong> ending animation)<\/td><\/tr><tr><td><strong>New page is loaded<\/strong> <\/td><td>Loading progress reaches 100%. Loader disappears (with ending animation).<\/td><td>Loading progress reaches 100%. Loader disappears (with ending animation).<\/td><td>No Loader<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>The screencasts of the loading process<\/strong><\/h4>\n\n\n\n<p>For &#8220;<strong>Default<\/strong>&#8221; and &#8220;<strong>Only show loader during page transition<\/strong>&#8220;, when clicking on an internal link, the loader will show. You can see that the loader is keeping displayed when you leave the old page and when the new page is opened and loading. And you will see the ending animation of the loader.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/loftocean.com\/doc\/wp-content\/uploads\/2021\/01\/spt-display-1.gif\" alt=\"\"\/><\/figure>\n\n\n\n<p>For &#8220;<strong>Show the loader on the current page only when leaving the page<\/strong>&#8220;, you can see that the loader has disappeared the moment a new page is opened. And you <strong>will not<\/strong> see the ending animation of the loader.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/loftocean.com\/doc\/wp-content\/uploads\/2021\/01\/spt-display-2.gif\" alt=\"\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>When enabling &#8220;Smooth Page Transition&#8221; feature, you will find the &#8220;Additional Display Option&#8221; sub section: Additional Display Option&nbsp; Please check the table below to learn the differences between the 3 options: Default Only Show loader during page transition Show the loader on the current page only when leaving the page Load\/Refresh the page Loader shows [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":117,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-714","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/714","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/comments?post=714"}],"version-history":[{"count":5,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/714\/revisions"}],"predecessor-version":[{"id":791,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/714\/revisions\/791"}],"up":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/117"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/media?parent=714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}