{"id":45,"date":"2018-01-17T04:06:28","date_gmt":"2018-01-17T04:06:28","guid":{"rendered":"http:\/\/loftocean.com\/doc\/loftloader\/?page_id=45"},"modified":"2020-07-23T03:54:42","modified_gmt":"2020-07-23T03:54:42","slug":"display-on-options","status":"publish","type":"page","link":"https:\/\/loftocean.com\/doc\/loftloader\/display-on\/display-on-options\/","title":{"rendered":"Display On Options"},"content":{"rendered":"<p>Click on the <strong>Display On<\/strong> section, and here you can choose where to display the pre-loader. So you are able to show the pre-loader on pages with heavy content only.<\/p>\n<p>Use it when necessary. Then for those pages with lightweight content, your site visitors can access to the content fast, no need to wait for the loading animation.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-46\" src=\"http:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/display-options.png\" alt=\"\" width=\"298\" height=\"359\" srcset=\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/display-options.png 596w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/display-options-249x300.png 249w\" sizes=\"auto, (max-width: 298px) 100vw, 298px\" \/><\/p>\n<ul>\n<li><strong>Site-wide \u2013<\/strong> Display the pre-loader while loading every page\/post of the site.<\/li>\n<li><strong>Homepage only \u2013<\/strong> Display the pre-loader only while loading the homepage.<\/li>\n<li><strong>Once per session \u2013<\/strong> Display the pre-loader once only when a visitor first visits your site.<\/li>\n<li><strong>Homepage only + Once per session \u2013<\/strong> Similar to \u201cOnce per session\u201d. Display the pre-loader <strong>on homepage once only<\/strong> when a visitor on your site during the whole session.<\/li>\n<li><strong>All Pages \u2013<\/strong> Display the pre-loader while loading pages. When loading a post, the pre-loader will not show. <span class=\"highlighted\">Please note:<\/span> In this situation, <strong>\u201cAll Pages\u201d<\/strong> means pages listed on your site <strong>dashboard &gt; Pages &gt; All Pages<\/strong>, plus your site <span class=\"highlighted\">homepage<\/span> if choose \u201cYour Latest Posts\u201d instead of \u201cA static page\u201d for \u201cFront page displays\u201d setting.<\/li>\n<li><strong>Site-wide &#8211; Selected Types \u2013 <\/strong>Display the pre-loader on your whole site except the post types you have selected in the list.<\/li>\n<li><strong>Selected Post Types \u2013<\/strong> Display the pre-loader on the post types you have selected in the list.<\/li>\n<li><strong>Handpick \u2013<\/strong> Choose this option, then you will be able to select one or multiple pages\/posts to turn on the pre-loader on these pages\/posts. Please enter a keyword to search your articles, then click on the articles shown in the search results to select them.<\/li>\n<\/ul>\n<div id=\"attachment_480\" style=\"width: 540px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-480\" class=\"wp-image-480\" src=\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2019\/11\/handpick-new-ux.png\" alt=\"\" width=\"530\" height=\"515\" srcset=\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2019\/11\/handpick-new-ux.png 1077w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2019\/11\/handpick-new-ux-300x291.png 300w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2019\/11\/handpick-new-ux-768x746.png 768w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2019\/11\/handpick-new-ux-1024x995.png 1024w\" sizes=\"auto, (max-width: 530px) 100vw, 530px\" \/><p id=\"caption-attachment-480\" class=\"wp-caption-text\">Handpick posts\/pages &#8211; New UI<\/p><\/div>\n<hr>\n<h5>Manually Exclude Selected Pages\/Posts<\/h5>\n<p>In version 2.2.2, we added this new feature:<\/p>\n<ul>\n<li><strong>When selecting &#8220;Site-wide&#8221;,<\/strong> you will find a new option: \u201cExclude handpicked pages\/posts\/ custom post types\u201d. Similar to the \u201cHandpick\u201d feature, you will be able to select one or multiple pages\/posts to exclude the pre-loader on these selected pages\/posts.<\/li>\n<li><strong>When selecting &#8220;All Pages&#8221;,<\/strong> you will find a new option: \u201cExclude handpicked pages\u201d. And you will be able to select one or multiple pages to exclude the pre-loader on these selected pages.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Click on the Display On section, and here you can choose where to display the pre-loader. So you are able to show the pre-loader on pages with heavy content only. Use it when necessary. Then for those pages with lightweight content, your site visitors can access to the content fast, no need to wait for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":43,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-45","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/45","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=45"}],"version-history":[{"count":5,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":689,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/45\/revisions\/689"}],"up":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/43"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/media?parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}