Adding Header Image output

Output the header image based on the page or page parent.

diff --git a/Toolkit/Page.php b/Toolkit/Page.php
index 455eb25..7a625f9 100755 (executable)
--- a/Toolkit/Page.php
+++ b/Toolkit/Page.php
@@ -459,12 +459,7 @@ class Toolkit_Page
         $this->mainNav = $this->_getMainNav($this->_catid);
         $this->sideNav = $this->_getSideNav($this->_catid);
 
-        $headerDisplay = new Toolkit_HeaderImages_Display(
-            $this->_catid,
-            Toolkit_Database::getInstance()
-        );
-        $this->headerImage = $headerDisplay->getPageHeaderImage();
-        $this->headerBaseImageUrl = FILE_SERVER_URL . IS_OWNER_ID . '/headerImage/';
+        $this->_headerImage();
 
         $this->newsletterAction = Toolkit_Template_Page::getSeoUrl(
             $this->_pageGateway, 10
@@ -894,4 +889,17 @@ class Toolkit_Page
             Toolkit_Common::handle_error($e);
         }
     }
+
+    /**
+     * Sets the Header Image for this catid (page)
+     */
+    private function _headerImage()
+    {
+        $headerDisplay = new Toolkit_HeaderImages_Display(
+            $this->_catid,
+            Toolkit_Database::getInstance()
+        );
+        $this->headerImage = $headerDisplay->getPageHeaderImage();
+        $this->headerBaseImageUrl = FILE_SERVER_URL . IS_OWNER_ID . '/headerImage/';
+    }
 }

diff --git a/templates/template.html b/templates/template.html
index d916348..c6d679e 100644 (file)
--- a/templates/template.html
+++ b/templates/template.html
@@ -91,10 +91,10 @@
             <div class="row" data-equalizer>
                 <div class="medium-9 columns medium-push-3">
                     <div id="mainParent" data-equalizer-watch>
-                        <div id="insideHeader" style="background-image: url(TMPheader.png)">
+                        <div id="insideHeader" style="background-image: url({headerBaseImageUrl:h}{headerImage.getImage():h})" flexy:if="headerImage">
                             <section>
-                                <h2>Header text</h2>
-                                <p>This is an image from the Locks. It is awesome. It is cool.</p>
+                                {if:headerImage.getTitle()}<h2>{headerImage.getTitle():h}</h2>{end:}
+                                {if:headerImage.getSubTitle()}<p>{headerImage.getSubTitle():h}</p>{end:}
                             </section>
                         </div>
                         <section id="main">