{"id":1334,"date":"2020-10-12T11:43:46","date_gmt":"2020-10-12T11:43:46","guid":{"rendered":"https:\/\/documentation.px-lab.com\/infolio\/?p=1334"},"modified":"2020-12-12T18:36:05","modified_gmt":"2020-12-12T18:36:05","slug":"section-portfolio","status":"publish","type":"post","link":"https:\/\/documentation.px-lab.com\/infolio\/section-portfolio\/","title":{"rendered":"Section Portfolio"},"content":{"rendered":"\n<p class=\"note-box bg-info\"> To create <strong><em>Portfolio Section<\/em><\/strong> you should first add the content in the Portfolio Post Type. <\/p>\n\n\n\n<p>Open your WordPress Dashboard and navigate to the Portfolio tab and add new Portfolio items.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"379\" src=\"https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/post-type-1024x379.png\" alt=\"\" class=\"wp-image-2538\" srcset=\"https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/post-type-1024x379.png 1024w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/post-type-300x111.png 300w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/post-type-768x284.png 768w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/post-type-1536x569.png 1536w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/post-type.png 1891w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>In the single Portfolio Item page you&#8217;ll need to feel in the content in the Editor Box<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"497\" src=\"https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/1-1024x497.png\" alt=\"\" class=\"wp-image-2539\" srcset=\"https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/1-1024x497.png 1024w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/1-300x146.png 300w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/1-768x373.png 768w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/1-1536x746.png 1536w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/1.png 1717w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>You can use all the editor tools. Please make sure you&#8217;ve assigned the Item to the specific category, as they will be used for filtering the items.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"661\" src=\"https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/2-1024x661.png\" alt=\"\" class=\"wp-image-2540\" srcset=\"https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/2-1024x661.png 1024w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/2-300x194.png 300w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/2-768x495.png 768w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/2.png 1279w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Portfolio Post Options has the Secondary Title Field and Info Fields. You can add as many as you need. You will also have the option to choose the image Size for this particular item. As <strong><em>Portfolio Section<\/em><\/strong> can have a grid layout.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"636\" src=\"https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/3-1-1024x636.png\" alt=\"\" class=\"wp-image-2541\" srcset=\"https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/3-1-1024x636.png 1024w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/3-1-300x186.png 300w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/3-1-768x477.png 768w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/3-1.png 1284w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The Single Portfolio Item also has several additional options like<\/p>\n\n\n\n<p>External Link (Portfolio Section)<\/p>\n\n\n\n<p>Appears as a\u00a0<strong>link icon<\/strong>\u00a0when hovering over the grid item (portfolio post) in the\u00a0<strong><em>Portfolio Section<\/em><\/strong><br>On click navigates to\u00a0<strong>external page<\/strong>\u00a0if you have some info to provide regarding your project from the other site<br>Left field blank to disable this item<\/p>\n\n\n\n<p>Page Link (Portfolio Section Item)<\/p>\n\n\n\n<p>Appears as a\u00a0<strong>eye icon<\/strong>\u00a0when hovering over the grid item (portfolio post) in the\u00a0<strong><em>Portfolio Section<\/em><\/strong><br>On click opens\u00a0<strong>portfolio post page<\/strong>\u00a0where you can provide more detailed info about your project<br>Select the checkbox to disable this item<\/p>\n\n\n\n<p>Info Popup ( <em>Portfolio Section<\/em> )<\/p>\n\n\n\n<p>Appears as a\u00a0<strong>zoom icon<\/strong>\u00a0when hovering over the grid item (portfolio post) in the\u00a0<strong><em>Portfolio Section<\/em><\/strong><br>On click opens portfolio post\u00a0<strong>Info Popup<\/strong><br>Select the checkbox to disable Info Popup for this post<\/p>\n\n\n\n<p>Info Popup Gallery (<em>Portfolio Section<\/em>)<\/p>\n\n\n\n<p>Here you can upload several images at a time, that would appear in pop-up gallery. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"711\" src=\"https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/5-1024x711.png\" alt=\"\" class=\"wp-image-2544\" srcset=\"https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/5-1024x711.png 1024w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/5-300x208.png 300w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/5-768x533.png 768w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/5.png 1267w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>A few examples of Portfolio Item Page:<\/p>\n\n\n\n<p><em><a rel=\"noreferrer noopener\" href=\"https:\/\/infolio.px-lab.com\/video-production\/blog\/portfolio\/comedy\/\" target=\"_blank\">Example 1<\/a><\/em><\/p>\n\n\n\n<p><em><a rel=\"noreferrer noopener\" href=\"https:\/\/infolio.px-lab.com\/designer-developer\/blog\/portfolio\/boombox-viral-theme\/\" target=\"_blank\">Example 2<\/a><\/em><\/p>\n\n\n\n<p><em><a rel=\"noreferrer noopener\" href=\"https:\/\/infolio.px-lab.com\/makeup-artist\/blog\/portfolio\/art-direction\/\" target=\"_blank\">Example 3<\/a><\/em><\/p>\n\n\n\n<p>Now, let&#8217;s move to the <strong><em>Portfolio Section<\/em><\/strong> itself<\/p>\n\n\n\n<p><strong><em>Portfolio Section<\/em><\/strong> like any other has\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/documentation.px-lab.com\/infolio\/main-section-fields\/\" target=\"_blank\">Section ID and Section Title fields<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"346\" src=\"https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/6-1024x346.png\" alt=\"\" class=\"wp-image-2546\" srcset=\"https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/6-1024x346.png 1024w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/6-300x101.png 300w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/6-768x259.png 768w, https:\/\/documentation.px-lab.com\/infolio\/wp-content\/uploads\/sites\/12\/2020\/12\/6.png 1312w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Here, you will need to choose Items from what categories will be shown on your website. Also, you may set the amount of items. By adding more items in Portfolio post type, but limiting here, in the section will cause the replacement of the older ones by the more recent ones.<\/p>\n\n\n\n<p>There is also an option for the popup &#8211; you can choose to show just the one particular project popup or you can let the user switch between projects, by using previous\/next right in the popup window.<\/p>\n\n\n\n<p>If you want to change the order of the Portfolio Items in the grid &#8211; you can do it by changing the publish date of the Single Portfolio Item<\/p>\n\n\n\n<p>A few examples of the Portfolio Section<\/p>\n\n\n\n<p><em><a href=\"https:\/\/infolio.px-lab.com\/video-production\/#portfolio\" target=\"_blank\" rel=\"noreferrer noopener\">Example 1<\/a><\/em><\/p>\n\n\n\n<p><a href=\"https:\/\/infolio.px-lab.com\/designer-developer\/#portfolio\" target=\"_blank\" rel=\"noreferrer noopener\">Example 2<\/a><\/p>\n\n\n\n<p><em><a href=\"https:\/\/infolio.px-lab.com\/makeup-artist\/#portfolio\" target=\"_blank\" rel=\"noreferrer noopener\">Example 3<\/a><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Open your WordPress Dashboard and navigate to the Portfolio tab and add new Portfolio items. In the single Portfolio Item page you&#8217;ll need to feel in the content in the Editor Box You can use all the editor tools. Please make sure you&#8217;ve assigned the Item to the specific category, as they will be used [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[8],"tags":[],"_links":{"self":[{"href":"https:\/\/documentation.px-lab.com\/infolio\/wp-json\/wp\/v2\/posts\/1334"}],"collection":[{"href":"https:\/\/documentation.px-lab.com\/infolio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.px-lab.com\/infolio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.px-lab.com\/infolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.px-lab.com\/infolio\/wp-json\/wp\/v2\/comments?post=1334"}],"version-history":[{"count":4,"href":"https:\/\/documentation.px-lab.com\/infolio\/wp-json\/wp\/v2\/posts\/1334\/revisions"}],"predecessor-version":[{"id":2667,"href":"https:\/\/documentation.px-lab.com\/infolio\/wp-json\/wp\/v2\/posts\/1334\/revisions\/2667"}],"wp:attachment":[{"href":"https:\/\/documentation.px-lab.com\/infolio\/wp-json\/wp\/v2\/media?parent=1334"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.px-lab.com\/infolio\/wp-json\/wp\/v2\/categories?post=1334"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.px-lab.com\/infolio\/wp-json\/wp\/v2\/tags?post=1334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}