迅睿CMS内容页产品图多图循环写法

前言

使用迅睿CMS搭建企业站的时候，我们发现企业站的产品内容详情页中一般都需要显示产品多个图片的，但时迅睿CMS默认情况下是没有多图的，这时候就需要我们手工到内容模块中《自定义》添加字段了，可以使用《表格形式》字段并开启图片数量。

我们常见的产品内容图片数量为3-5张产品图，哪么在表格字段中就开放三个表格并写上对应的图片名称。

模块内容字段添加，图文和操作步骤

如图1：模块内容字段

如图2：模块内容字段 - 添加

如图3：模块内容字段 - 字段设置

设置完成后点击“保存并返回”

完成以上的操作后，我们返回 - 内容管理，打开 - 文章管理 - 并 - 发布。如图

如图4：产品发布编辑多图效果

好了，操作完以上的话，哪么，后台这块算是完成了操作，后面的就剩下模板调用了。

模板调用

{php $mval = $cpdtzs;}

{loop $mval $v}

{if !empty($v[1])}

    <div class="swiper-slide swiper-no-swiping"> <img src="{dr_get_file($v[1])}" alt="{$t.title}" /> </div>

    {/if}

    {if !empty($v[2])}

    <div class="swiper-slide swiper-no-swiping"> <img src="{dr_get_file($v[2])}" alt="{$t.title}" /> </div>

    {/if}

    {if !empty($v[3])}

    <div class="swiper-slide swiper-no-swiping"> <img src="{dr_get_file($v[3])}" alt="{$t.title}" /> </div>

    {/if}

    {if !empty($v[4])}

    <div class="swiper-slide swiper-no-swiping"> <img src="{dr_get_file($v[4])}" alt="{$t.title}" /> </div>

    {/if}

    {if !empty($v[5])}

    <div class="swiper-slide swiper-no-swiping"> <img src="{dr_get_file($v[5])}" alt="{$t.title}" /> </div>

    {/if}

{/loop}

————————————————

                            

查看解压密码