Tutorials

Getting an image from a sub level pages top level parent.

Posted by Mo on 4 March 2010 | 6 Comments

Tags: ,

Quite a simple one this time, but something I feel is worth posting up. On a recent project, I needed to add the ability for the site editors to be able attach an image to any page on the site that sits at the root level of the Site Tree. Any children (grandchildren, etc) of these pages however had to also inherit this image.

After a bit of searching, I found you could easily do this using the Level() method. Here is how I went about this: 

Page class

class Page extends SiteTree {
    public static $has_one = array(
        'HeaderImage' => 'Image'
    );

    public function getCMSFields() {
        $fields = parent::getCMSFields();

        $fields->addFieldToTab('Root.Content.Misc', new ImageField('HeaderImage','Image to appear in header'));

        return $fields;
    }
}

 

Now this relationship has been added, and the new field added to the CMS, run a /dev/build/ and rebuild the database.

Your Template

Now you can go about attaching images to your top level pages. Once you have done this, you can then get all children of that page to inherit the image by adding the following to your template:

To render a complete image tag:

$Level(1).HeaderImage

 

To just get the URL:

$Level(1).HeaderImage.URL

 

To render as a background image:

<div style="background-image: url('$Level(1).HeaderImage.URL')">
    ...
</div>

 

That is pretty much it. Using the Level() method retrieves a full page object for that level, so it is also possible to use methods and variables such as:

  • Title
  • Link
  • URL
  • etc...

 

 

TrackBacks

No TrackBacks have been submitted for this page.

Trackback URL for this page.

Post your comment

Comments

  • <p> 12 月 5 morning, Fengyang county town of <b><a href="http://www.canadagooseparka.us/">canada goose sale</a></b> the tragic scene on <b><a href="http://www.canadagooseparka.us/">canada goose</a></b> Man Cheong <b><a href="http://www.canadagooseparka.us/">canada goose parka</a></b> Street, a nearly ...

    Posted by cheap gucci, 03/02/2012 11:17am (3 days ago)

  • reholding of copper, Silver Agent a quarterly dividend. The first month <strong><a href=http://www.cheapsjordanshoes.net/air-jordan-18-c-1.html title=air jordan 18>air jordan 18</a></strong> of the second quarter of the first 5 Days equity dividend data and submit <strong><a href=http://www.cheapsjordanshoes.net/air-jordan-23-c-14.html title=buy jordan 23>buy jordan 23</a></strong> reports, 10 days before the dividend income paid to the agent designated account.
    <br> <br> Second, the <strong><a href=http://www.cheapsjordanshoes.net/air-jordan-23-c-14.html title=jordan 23 for sale>jordan 23 for sale</a></strong> shareholding of Gold, <strong><a href=http://www.cheapsjordanshoes.net/air-jordan-23-c-14.html title=jordan 23>jordan 23</a></strong> Diamond <strong><a href=http://www.cheapsjordanshoes.net/ title=Cheap Jordan Shoes>Cheap Jordan Shoes</a></strong> card agent <strong><a href=http://www.cheapsjordanshoes.net/air-jordan-fusion-3-c-10.html title=air jordan fusion 3 for sale>air jordan fusion 3 for sale</a></strong> <strong><a href=http://www.cheapsjordanshoes.net/air-jordan-23-c-14.html title=air jordan 23>air jordan 23</a></strong> divide...

    Posted by Cheap Jordan Shoes, 03/02/2012 10:01am (3 days ago)

  • by Shangguan Pengfei Wang, reporter

    Posted by canada goose, 03/02/2012 7:07am (3 days ago)

  • on Reporters call [b][url=http://www.christianlouboutinshoes.co/]louboutin shoes[/url][/b] the morning of [b][url=http://www.christianlouboutinshoes.co/]christian louboutin on sale[/url][/b] [b][url=http://www.christianlouboutinshoes.co/]christian louboutin shoes[/url][/b] Chaoyang District Board [b][url=http://www.christianlouboutin.mobi/]christian louboutin discount[/url][/b] [b][url=http://www.christianlouboutin.mobi/]christian louboutin sale[/url][/b] of Education, Colorado [b][url=http://www.christianlouboutin.mobi/]christian louboutin on sale[/url][/b] Commissi...

    Posted by jordan 6, 03/02/2012 2:59am (3 days ago)

  • the canadian goose future work, only... canada goose chilliwack

    Posted by canada goose, 03/02/2012 1:29am (3 days ago)

  • Thank you for sharing. I like it very much.:)

    Posted by Web Hosting Providers, 13/01/2012 2:36pm (24 days ago)

RSS feed for comments on this page | RSS feed for all comments