{"id":61,"date":"2019-10-10T09:58:31","date_gmt":"2019-10-10T09:58:31","guid":{"rendered":"https:\/\/docs.theironnetwork.org\/angly\/?page_id=61"},"modified":"2019-10-15T10:49:15","modified_gmt":"2019-10-15T10:49:15","slug":"page-template","status":"publish","type":"page","link":"https:\/\/docs.theironnetwork.org\/angly\/page-template\/","title":{"rendered":"Page Template"},"content":{"rendered":"\n
Page Template \/ Inner Pages<\/strong><\/h6>\n\n\n\n

In all inner pages where there are the sections like home page, then the customizing the widgets of that is same as we discussed above. But if there are pages like portfolio, services, blogs etc then it will be customize following way.<\/p>\n\n\n\n

Following is the screenshot of portfolio V1 Page<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
Customization<\/strong><\/h6>\n\n\n\n

Go to src >> app >> portfolio >> portfolioGridV1 and open portfolioGridV1.html file<\/p>\n\n\n\n

You will saw the follwing code<\/strong><\/h6>\n\n\n\n
<div class=\"portfolio-wrapper section-gap-grid\">
   <div class=\"container\">
      <div class=\"row\">
         <div class=\"col-sm-12 col-md-6 col-lg-4\" *ngfor=\"let portfolio of portfolioV1\">
             <div class=\"overlay-wrap mb-3\">
                <img [src]=\"portfolio?.image_path\" width=\"500\" height=\"500\" class=\"img-fluid border-rad w-100\" alt=\"gallery images\">
                <a href=\"{{portfolio?.image_path}}\" data-fancybox=\"images\" class=\"card-img-overlay primary-tp-layer pos-center text-center\"><span class=\"center-holder\"><\/span><\/a>
                <a class=\"ih-fade-down square-60 rounded-circle bg-white shadow-md\"><i class=\"fa fa-plus align-middle\"><\/i><\/a>
            <\/div>
         <\/div>
      <\/div>
   <\/div>
<\/div><\/pre>\n\n\n\n
Change the html according to your need, and for actual data chnages go to src >> assets >> data >> and open portfoliov1.json file. You will saw the following code<\/p>\n\n\n\n
{
  \"data\":[
     {
        \"image_path\":\".\/assets\/img\/blog-thumb-1.jpg\",
        \"title\":\"Lorem Ipsum \",
        \"heading\":\"Lorem Ipsum is simply dummy.\"
     },
     {
        \"image_path\":\".\/assets\/img\/blog-thumb-2.jpg\",
        \"title\":\"Lorem Ipsum \",
        \"heading\":\"Lorem Ipsum is simply dummy.\"
     },
     {
        \"image_path\":\".\/assets\/img\/blog-thumb-3.jpg\",
        \"title\":\"Lorem Ipsum \",
        \"heading\":\"Lorem Ipsum is simply dummy.\"
     },
     {
        \"image_path\":\".\/assets\/img\/blog-thumb-4.jpg\",
        \"title\":\"Lorem Ipsum \",
        \"heading\":\"Lorem Ipsum is simply dummy.\"
     },
     {
        \"image_path\":\".\/assets\/img\/blog-thumb-5.jpg\",
        \"title\":\"Lorem Ipsum \",
        \"heading\":\"Lorem Ipsum is simply dummy.\"
     },
     {
        \"image_path\":\".\/assets\/img\/blog-thumb-6.jpg\",
        \"title\":\"Lorem Ipsum \",
        \"heading\":\"Lorem Ipsum is simply dummy.\"
     },
     {
        \"image_path\":\".\/assets\/img\/blog-thumb-1.jpg\",
        \"title\":\"Lorem Ipsum \",
        \"heading\":\"Lorem Ipsum is simply dummy.\"
     },
     {
        \"image_path\":\".\/assets\/img\/blog-thumb-3.jpg\",
        \"title\":\"Lorem Ipsum \",
        \"heading\":\"Lorem Ipsum is simply dummy.\"
     },
     {
        \"image_path\":\".\/assets\/img\/blog-thumb-2.jpg\",
        \"title\":\"Lorem Ipsum \",
        \"heading\":\"Lorem Ipsum is simply dummy.\"
     }
  ]
}<\/pre>\n\n\n\n
edit above code and restart ng serve for reflecting the changes<\/p>\n
\n    
\n    \n                        <\/i>\n                    <\/a>\n        <\/span>\n<\/div>
\n    \n                        <\/i>\n                    <\/a>\n    <\/span>\n<\/div><\/div>\n\n","protected":false},"excerpt":{"rendered":"
Page Template \/ Inner Pages In all inner pages where there are the sections like home page, then the customizing the widgets of that is same as we discussed above. But if there are pages like portfolio, services, blogs etc then it will be customize following way. Following is the screenshot of portfolio V1 Page […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":11,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/docs.theironnetwork.org\/angly\/wp-json\/wp\/v2\/pages\/61"}],"collection":[{"href":"https:\/\/docs.theironnetwork.org\/angly\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.theironnetwork.org\/angly\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/angly\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/angly\/wp-json\/wp\/v2\/comments?post=61"}],"version-history":[{"count":6,"href":"https:\/\/docs.theironnetwork.org\/angly\/wp-json\/wp\/v2\/pages\/61\/revisions"}],"predecessor-version":[{"id":167,"href":"https:\/\/docs.theironnetwork.org\/angly\/wp-json\/wp\/v2\/pages\/61\/revisions\/167"}],"wp:attachment":[{"href":"https:\/\/docs.theironnetwork.org\/angly\/wp-json\/wp\/v2\/media?parent=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}