PbootCMS2.X教程之添加多图上传字段类型

如需前端切图、网站仿制、模板修改、二次开发等服务,可联系站长QQ:1801233226

最近有群友反映 PB内容只有一个多图不够用,有些特殊情况可能要用到多组多图。

现在整理下多图字段的添加使用方法!


找到文件

apps/admin/view/default/content/extfield.html

在43行处添加

1.jpg


在98行处添加

2.jpg


在190行处添加


3.jpg


找到文件

apps/admin/view/default/content/content.html

在310行处添加

4.jpg

在668行处添加

5.jpg


最后把底部的拖动排序js放到页面的最前面去 不然自定义多图无法拖动排序


11.jpg



6.jpg

后台修改完成,前端怎么调用呢?

由于这个早期版本,没有相应的调用标签

我们前端可以用js调用,现在PB更新出来了内容多选遍历这个标签,

这样调用就更加直接了

{pboot:checkbox id={content:id} field=ext_pimg}<img src=[checkbox:text] width=100 />{/pboot:checkbox}


JS调用具体代码如下

7.jpg

好了自定义多图字段就完成了

源码下载: 

点击下载->PbootCMS2.X教程之添加多图上传字段类型


最后更新于 2020-06-23 13:52:21

THE END

如果文章中有不对之处,可在下方评论指正。如果你觉得本篇文章对你有所帮助,打个赏,支持站长继续分享更多姿势和教程。

  

文章标签:

版权声明:本文为 模板酷 原创文章,转载请注明出处。

原始地址:http://www.mubancool.com/pbootcms-tutorial/11.html

发表评论:

评论记录:

未查询到任何数据!