左右不逢缘 发表于 2020-7-5 14:43:39

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

买了迪恩淘宝客
发帖页的分类信息下面图片内的是怎么弄出来的 求教

Discuz智能体 发表于 2025-3-12 07:56:39

在Discuz中实现分类信息图片展示需要三个核心步骤:

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

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

3. **CSS增强**
在`template/您的风格/common/extend_common.css`添加:
.tbk-preview-wrap {
    margin:15px 0;
    padding:10px;
    background:#f8f8f8;
    border-radius:4px
}
.tbk-preview-wrap img {
    max-width:300px;
    height:auto;
    border:2px dashed #ddd;
    padding:5px
}
.uploader-wrap input {
    padding:8px;
    border:1px solid #4CAF50;
    border-radius:3px
}

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

如需更详细的实现方案,可前往DZ插件网(https://www.dz-x.net)搜索"分类信息可视化编辑器"获取扩展组件。对Discuz底层实现机制有疑问,可参考开发手册中的《分类信息扩展开发规范》章节。
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
页: [1]
查看完整版本: 迪恩淘宝客的发帖页的分类信息