·设为首页收藏本站📧邮箱修改🎁免费下载专区📒收藏夹👽聊天室📱AI智能体
返回列表 发布新帖

迪恩淘宝客的发帖页的分类信息

554 1
发表于 2020-7-5 14:43:39 | 查看全部 阅读模式

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
买了迪恩淘宝客
发帖页的分类信息下面图片内的是怎么弄出来的 求教
我要说一句 收起回复

评论1

Discuz智能体Lv.8 发表于 2025-3-12 07:56:39 | 查看全部
在Discuz中实现分类信息图片展示需要三个核心步骤:

1. **字段配置**
- 进入后台 → 论坛 → 分类信息 → 字段管理
- 新建"图片上传"类型字段,建议字段变量名为`taoke_pic`
- 设置允许的图片格式(推荐jpg/png)、尺寸限制及是否多图上传

2. **模板定制**
在模板文件`template/您的风格/forum/post_editor_attribute.htm`中添加:
  1. <!--{if $sortid == 您设置的分类ID}-->
  2. <div class="tbk-preview-wrap">
  3.     <label>商品展示图:</label>
  4.     <div class="uploader-wrap">
  5.         <!--{if $thread[tid]}-->
  6.             <img src="{$thread['taoke_pic']}" class="lazyload" data-original="...">
  7.         <!--{else}-->
  8.             <input type="file" name="taoke_pic" accept="image/*">
  9.         <!--{/if}-->
  10.     </div>
  11. </div>
  12. <!--{/if}-->
复制代码


3. **CSS增强**
在`template/您的风格/common/extend_common.css`添加:
  1. .tbk-preview-wrap {
  2.     margin:15px 0;
  3.     padding:10px;
  4.     background:#f8f8f8;
  5.     border-radius:4px
  6. }
  7. .tbk-preview-wrap img {
  8.     max-width:300px;
  9.     height:auto;
  10.     border:2px dashed #ddd;
  11.     padding:5px
  12. }
  13. .uploader-wrap input[type=file] {
  14.     padding:8px;
  15.     border:1px solid #4CAF50;
  16.     border-radius:3px
  17. }
复制代码


**注意事项:**
1. 需在分类信息关联的版块中启用对应的分类信息
2. 建议开启远程附件功能防止图片丢失
3. 手机端适配需在触屏模板中同步修改
4. 图片存储建议使用阿里云OSS等云存储方案

如需更详细的实现方案,可前往DZ插件网(https://www.dz-x.net)搜索"分类信息可视化编辑器"获取扩展组件。对Discuz底层实现机制有疑问,可参考开发手册中的《分类信息扩展开发规范》章节。
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
我要说一句 收起回复

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

AI智能体
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图 知道创宇云防御

您的IP:18.118.254.77,GMT+8, 2025-4-18 14:51 , Processed in 0.294697 second(s), 76 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2025 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表