[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=`0` // no parent
                          &resources=`10,11,9`
                          &debug=`1`
                          &tpl=`greyhighlight`
                          &limit=`3` // 0 -- no limit
                          &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:

 

---

For example: set TV

 

4. View the result.

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