首页 > 代码库 > [MODx] 4. getResources

[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:

 


For example: set TV

技术分享

 

4. View the result.

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

[MODx] 4. getResources