eyoucms 如何用channelartlist调用指定的栏目及其列表

{eyou:channelartlist typeid='6'}

<div id="fh5co-product-list" class="layout">

  <div   class="bg-product met-index-distance">

    <div class="container">

      <div class="line">

        <div class="x12 text-center fh5co-heading margin-large-bottom">

{eyou:field name='typename' /}

{eyou:field name='seo_description' /}

      </div>

      <div class="line show-content">

        <div class="tab" data-toggle="click">

          <div class="tab-head text-center">

            <ul class="tab-nav">

              {eyou:channel row='4' type ='son' mod='4'}

{$field.typename}

              {/eyou:channel} 

            </ul>

          </div>

          <div class="tab-body">

          {eyou:channel row='4' type='son' mod='4' key='ki'}

              <div class="layout">

                <div class="line-middle"> 

                {eyou:arclist typeid='$field.typeid' row='8' titlelen='30' }

                  <div class="xm3 xb3 xs6 xl6">

                    <div class="not-animated"  data-animate="slideInUp" data-delay="100">

                      <div class="pro-item">

{$field.title}

                      </div>

                    </div>

                  </div>

 {/eyou:arclist} 

              </div>

            </div>

            {/eyou:channel} 

          </div>

        </div>

      </div>

    </div>

  </div>

</div>

{/eyou:channelartlist} 

{eyou:channelartlist typeid='6'}  指定父栏目ID

{eyou:field name='typename' /} 栏目名称

{eyou:field name='seo_description' /} 栏目描述


{eyou:channel row='4' type ='son' mod='4'}父栏目ID下的子栏目调用四条 mod='4'循环判断4条

第一条li加样式 {$i}自增变量(1开始)

{/eyou:channel} 



{eyou:channel row='4' type='son' mod='4' key='ki'} 父栏目ID下的子栏目调用四条 mod='4'循环判断4条 key='ki'自定义自增变量(1开始)

{eyou:arclist typeid='$field.typeid' row='8' titlelen='30' } 文章调用八条

<div class="xm3 xb3 xs6 xl6">

    <div class="not-animated"  data-animate="slideInUp" data-delay="100">

      <div class="pro-item">

{$field.title}

      </div>

    </div>

  </div>

{/eyou:arclist}

 </div>

{/eyou:channel} 

{/eyou:channelartlist}


类似效果展示

转自:https://www.eyoucms.com/help/eyoujq/2890.html

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。