{"id":134,"date":"2018-01-17T07:10:31","date_gmt":"2018-01-17T07:10:31","guid":{"rendered":"http:\/\/loftocean.com\/doc\/loftloader\/?page_id=134"},"modified":"2019-05-13T13:47:34","modified_gmt":"2019-05-13T13:47:34","slug":"display-different-loaders-on-different-pages","status":"publish","type":"page","link":"https:\/\/loftocean.com\/doc\/loftloader\/advanced\/display-different-loaders-on-different-pages\/","title":{"rendered":"Display different loaders on different pages"},"content":{"rendered":"<p>To add different loaders to different pages (like what we do on our demo site), please follow steps below:<\/p>\n<ol>\n<li>Open the <strong>LoftLoader Pro<\/strong> settings panel, click <strong>Advanced<\/strong> section, tick to enable <strong>\u201cAny Page Extension\u201d<\/strong>. Then click on the &#8220;<strong>\u201cSave &amp; Publish\u201d<\/strong> button.<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-135\" src=\"http:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/export-shortcode.jpg\" alt=\"\" width=\"1799\" height=\"1019\" srcset=\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/export-shortcode.jpg 1799w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/export-shortcode-300x170.jpg 300w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/export-shortcode-768x435.jpg 768w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/export-shortcode-1024x580.jpg 1024w\" sizes=\"auto, (max-width: 1799px) 100vw, 1799px\" \/><\/li>\n<li>Before version 2.0, Any Page Extension can only be enabled on <strong>Pages<\/strong>. <span class=\"highlighted\">Since version 2.0, Any Page Extension can be enabled on all post types<\/span>, including <strong>Pages<\/strong>, <strong>Posts<\/strong>, and <strong>custom post types<\/strong> created on your website, such as <strong>Products<\/strong>, <strong>Portfolios<\/strong>, etc. Only \u201cPage\u201d is enabled by default. To enable Any Page Extension on other post types, please find the \u201c<strong>Enable Any Page on Post Types<\/strong>\u201d option, and select the post types. After making changes to this option, please click on the &#8220;<strong>\u201cSave &amp; Publish\u201d<\/strong> button.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-376 aligncenter\" src=\"http:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2019\/05\/any-page-post-types.jpg\" alt=\"\" width=\"300\" height=\"451\" srcset=\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2019\/05\/any-page-post-types.jpg 595w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2019\/05\/any-page-post-types-199x300.jpg 199w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/li>\n<li>Then let&#8217;s generate the shortcode of the loading screen. Now you can customize the loading screen to make a new style, then come back to <strong>Advanced<\/strong> section, click on the <strong>\u201cGenerate\u201d<\/strong> button to generate shortcode for the loader showing in the preview area. <span class=\"highlighted\">Please note:<\/span> please do not click on the <strong>\u201cSave &amp; Publish\u201d<\/strong> button now. Otherwise, this new loading screen will overwrite the original loading screen of your site.<\/li>\n<li>Select the shortcode and copy it.<\/li>\n<li>Go to your site dashboard, create a new page, or edit an existing page. You will see there is a <strong>\u201cLoftLoader Pro Any Page Shortcode\u201d<\/strong> box on the page. Paste the shortcode into the box. Save and publish the page. (If you are using Gutenberg editor, please scroll down the page and read &#8220;Shortcode &#8211; Gutenberg Editor&#8221; chapter.)<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-136\" src=\"http:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/add-shortcode.jpg\" alt=\"\" width=\"1600\" height=\"855\" srcset=\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/add-shortcode.jpg 1600w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/add-shortcode-300x160.jpg 300w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/add-shortcode-768x410.jpg 768w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/add-shortcode-1024x547.jpg 1024w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/li>\n<li>Since version 1.1.3, you can display the preloader created by shortcode only once during a visitor session. <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-137\" src=\"http:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/any-page-once-per-session.png\" alt=\"\" width=\"1548\" height=\"356\" srcset=\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/any-page-once-per-session.png 1548w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/any-page-once-per-session-300x69.png 300w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/any-page-once-per-session-768x177.png 768w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/any-page-once-per-session-1024x235.png 1024w\" sizes=\"auto, (max-width: 1548px) 100vw, 1548px\" \/><\/li>\n<li>Done.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>To add different loaders to different pages (like what we do on our demo site), please follow steps below: Open the LoftLoader Pro settings panel, click Advanced section, tick to enable \u201cAny Page Extension\u201d. Then click on the &#8220;\u201cSave &amp; Publish\u201d button. Before version 2.0, Any Page Extension can only be enabled on Pages. Since [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":126,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-134","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/134","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=134"}],"version-history":[{"count":5,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/134\/revisions"}],"predecessor-version":[{"id":399,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/134\/revisions\/399"}],"up":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/126"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/media?parent=134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}