[MODx] 4. getResources

1. Create a chunk call ‘white_content‘ for white content:

        <!-- Highlights -->
            <div class="wrapper style3">
                <div class="title">The Endorsements</div>
                <div id="highlights" class="container">
                    <div class="row">
                         [[getResources?
                          &parents=`-1`
                          &resources=`10,11,9`
                          &debug=`1`
                          &tpl=`greyhighlight`
                          &limit=`3`
                          &depth=`1`
                          &includeContent=`1`
                          &includeTVs=`1`
                          &processTVs=`1`
                          &showHidden=`1`
                         ]] 

                    </div>
                </div>
            </div>

When we click the button, we want to open a blog page for each button.

Inside chunk we use get resourece:

parent: -1 means refering to ‘resources‘ tag or you give an id

resources: tell which resources you want to use

depth: means we only look for one level folder.

limit: show 3 result

tpl: chunk

More see:http://rtfm.modx.com/extras/revo/getresources

2. Create greyhighlight chunk:

<div class="4u">
                            <section class="highlight">
                                <a href="[[~[[+id]]]]" class="image featured"><img src="[[+tv.highlightImage]]" alt="" /></a>
                                <h3><a href="#">[[+pagetitle]]</a></h3>
                                <p>Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
                                <ul class="actions">
                                    <li><a href="[[~[[+id]]]]" class="button style1">Learn More</a></li>
                                </ul>
                            </section>
                        </div>

‘+‘ means: under current page, looking for the TV.

3. For each blog page:

4. View the result.

Once you click the image or button, it will navigate to the blog page.