{"id":1037,"date":"2016-10-07T03:28:49","date_gmt":"2016-10-07T03:28:49","guid":{"rendered":"http:\/\/loftocean.com\/doc\/loftbuilder\/?page_id=1037"},"modified":"2016-10-07T03:55:43","modified_gmt":"2016-10-07T03:55:43","slug":"custom-predefined-section","status":"publish","type":"page","link":"https:\/\/loftocean.com\/doc\/loftbuilder\/predefined-sections\/custom-predefined-section\/","title":{"rendered":"Custom Predefined Section"},"content":{"rendered":"<h5>Create a custom predefined section<\/h5>\n<p>When you create a section with layout and content in it, and then you can save it as a custom predefined section and reuse it later.<\/p>\n<p>Hover on the section toolbar, you will see the <strong>&#8220;Save as predefined section&#8221;<\/strong> button. Click on it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/10\/custom-ps-1.jpg\" alt=\"custom-ps-1\" width=\"2000\" height=\"1130\" class=\"alignnone size-full wp-image-1042\" srcset=\"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/10\/custom-ps-1.jpg 2000w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/10\/custom-ps-1-300x170.jpg 300w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/10\/custom-ps-1-768x434.jpg 768w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/10\/custom-ps-1-1024x579.jpg 1024w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><\/p>\n<p>In the pop-up panel, you can give it a name, and also upload an image or a screenshot of it. Then click on the &#8220;Apply\/Save&#8221; button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/10\/custom-ps-2.jpg\" alt=\"custom-ps-2\" width=\"2000\" height=\"1130\" class=\"alignnone size-full wp-image-1041\" srcset=\"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/10\/custom-ps-2.jpg 2000w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/10\/custom-ps-2-300x170.jpg 300w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/10\/custom-ps-2-768x434.jpg 768w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/10\/custom-ps-2-1024x579.jpg 1024w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><\/p>\n<p>Open the <strong>Predefined Section panel<\/strong>, you will see the section you just saved in the end of the list. Now you can select and reuse it on other pages.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/10\/custom-ps-3.jpg\" alt=\"custom-ps-3\" width=\"2000\" height=\"1130\" class=\"alignnone size-full wp-image-1040\" srcset=\"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/10\/custom-ps-3.jpg 2000w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/10\/custom-ps-3-300x170.jpg 300w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/10\/custom-ps-3-768x434.jpg 768w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/10\/custom-ps-3-1024x579.jpg 1024w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><\/p>\n<h5>Remove an existing custom predefined section<\/h5>\n<p>In the <strong>Predefined Section panel<\/strong>, you will also find there is a small &#8220;x&#8221; button on the top right corner of each custom predefined section. Click on it if you&#8217;d like to remove the predefined section.<\/p>\n<h5>Update some content\/layout\/style of an existing custom predefined section<\/h5>\n<ol>\n<li>Open the <strong>Predefined Section panel<\/strong>, find the one you&#8217;d like to update, select and add it to the page.<\/li>\n<li>Change anything in it, and hover on the section toolbar.<\/li>\n<li>You will find there is a new &#8220;Quick Save&#8221; button. Click on it.<\/li>\n<li>Done. All changes will be saved into the predefined section library. Now you can remove the section from the page.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/10\/custom-ps-4.jpg\" alt=\"custom-ps-4\" width=\"2000\" height=\"1130\" class=\"alignnone size-full wp-image-1039\" srcset=\"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/10\/custom-ps-4.jpg 2000w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/10\/custom-ps-4-300x170.jpg 300w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/10\/custom-ps-4-768x434.jpg 768w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/10\/custom-ps-4-1024x579.jpg 1024w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><\/p>\n<p>Please note: the &#8220;Quick Save&#8221; button only appears when the section is a saved custom predefined section.<\/p>\n<h5>Update content\/layout\/style <strong>AND section name\/screenshot<\/strong> of an existing custom predefined section<\/h5>\n<ol>\n<li>Open the <strong>Predefined Section panel<\/strong>, find the one you&#8217;d like to update, select and add it to the page.<\/li>\n<li>Change anything in it, and hover on the section toolbar.<\/li>\n<li>Click on the <strong>&#8220;Save as predefined section&#8221; button<\/strong> to pop up the setting panel.<\/li>\n<li>Change the section name, or upload a new screenshot.<\/li>\n<li>Done. It will create a new predefined section with updated layout\/content\/section name\/screenshot. You can remove the old one if you like.<\/li>\n<\/ol>\n<p>And if you want to create another custom predefined section based on an existing one, just follow the same steps as above.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Create a custom predefined section When you create a section with layout and content in it, and then you can save it as a custom predefined section and reuse it later. Hover on the section toolbar, you will see the &#8220;Save as predefined section&#8221; button. Click on it. In the pop-up panel, you can give [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":225,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1037","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/1037","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/comments?post=1037"}],"version-history":[{"count":5,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/1037\/revisions"}],"predecessor-version":[{"id":1046,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/1037\/revisions\/1046"}],"up":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/225"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/media?parent=1037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}