• [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.

  • 相关阅读:
    documentFragment文档碎片
    OpenResty之resty.limit.count 模块介绍
    vue前端分页多条件搜索
    element ui Tree树形控件获取未全选父节点和子节点id
    如何使 pdf 文件在浏览器里面直接下载而不是打开
    关于本博客
    圆锥曲线基础知识点
    NOI2021游记
    20210716模拟赛
    计数+动态规划
  • 原文地址:https://www.cnblogs.com/Answer1215/p/4205088.html
Copyright © 2020-2023  润新知