dede产品页如何同时显示两个内容?

99ANYc3cd6
预计阅读时长 14 分钟
位置: 首页 DEDE建站 正文

需求分析

你要明确“两个内容”具体指什么,不同的需求,实现方法完全不同:

dede建站产品内容页面怎么写两个内容
(图片来源网络,侵删)
  1. 产品详情 + 产品规格/参数表

    • 描述:在页面上半部分是图文并茂的产品介绍,下半部分是一个清晰的产品规格列表(如尺寸、颜色、材质等)。
    • 特点:这是最常见的需求,内容结构清晰,通常一个字段就能解决。
  2. 产品详情 + 使用说明/下载文档

    • 描述:用户看完产品介绍后,可以点击查看详细的使用手册或下载相关文件(如PDF、说明书)。
    • 特点关联性强,需要调用文章或附件。
  3. 产品详情 + 相关产品推荐

    • 描述:在当前产品页面旁边或下方,展示同品牌、同分类或相关的其他产品。
    • 特点:这是典型的“相关内容”调用,不属于当前产品的内容,但属于页面的一部分。
  4. 产品详情 + 用户评论/问答

    dede建站产品内容页面怎么写两个内容
    (图片来源网络,侵删)
    • 描述:在产品详情下方,展示用户对该产品的评价或提问。
    • 特点:这通常需要借助Dede的评论系统或第三方插件。

下面我将针对前三种最核心的需求,提供详细的实现步骤。


使用“附加字段”实现(推荐用于需求一和二)

这是最直接、最规范的方法,适合将两个不同类型但都属于该产品本身的内容存入数据库。

步骤 1:在后台添加附加字段

  1. 登录DedeCMS后台。

  2. 进入「核心」 -> 「内容模型管理」。

    dede建站产品内容页面怎么写两个内容
    (图片来源网络,侵删)
  3. 找到你产品所在的内容模型(通常是“产品”或“普通文章”),点击后面的「更改」或「管理字段」。

  4. 点击「添加新字段」。

  5. 示例1:添加“产品规格”字段

    • 字段名spec (英文字母,不能有空格)
    • 产品规格
    • 字段类型文本区域 (textarea) 或 编辑器 (multiText),如果只是文字,用文本区域;如果需要图文排版,用编辑器。
    • 是否为空 (根据需要)
    • 默认值:留空
    • 保存
  6. 示例2:添加“使用说明”字段

    • 字段名instruction
    • 使用说明
    • 字段类型编辑器 (multiText) (因为说明通常图文并茂)
    • 保存

你的产品模型就有了两个新的字段。

步骤 2:在内容页模板中调用字段

你需要修改产品内容页的模板文件,通常是 /templets/default/article_article.htm (如果你的模板是默认的)。

  1. 打开这个模板文件。
  2. 在你希望显示“第二个内容”的位置,添加Dede的调用标签。

调用附加字段的语法: {dede:field.字段名/}

示例模板代码:

<!DOCTYPE html>
<html>
<head>{dede:field.title/}</title>
</head>
<body>
    <h1>{dede:field.title/}</h1>
    <p>发布时间:{dede:field.pubdate function="MyDate('Y-m-d H:i',@me)"/}</p>
    <!-- 第一个内容:默认的产品正文 -->
    <div class="product-main-content">
        {dede:field.body/}
    </div>
    <hr>
    <!-- 第二个内容:产品规格 -->
    <div class="product-spec">
        <h2>产品规格</h2>
        {dede:field.spec/}
    </div>
    <hr>
    <!-- 第二个内容:使用说明(如果添加了该字段) -->
    <div class="product-instruction">
        <h2>使用说明</h2>
        {dede:field.instruction/}
    </div>
</body>
</html>

CSS样式建议:

为了美观,你可以在CSS文件中为这些新区域添加样式。

.product-spec, .product-instruction {
    margin-top: 30px;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 5px;
}

步骤 3:在后台发布/编辑内容

  1. 进入「新增内容」或「编辑内容」页面。
  2. 你会发现除了“内容摘要”、“内容正文”等常规字段外,多出了“产品规格”和“使用说明”的输入框。
  3. 在这些框里填入相应的内容,然后发布。

使用“arclist”标签调用关联内容(用于需求三:相关产品)

如果你想在产品页显示其他产品的列表,而不是当前产品的两个部分,你需要使用arclist

场景:显示同分类下的其他产品

假设你的产品分类ID是 {dede:field.typeid/}。 页模板 (article_article.htm) 中添加以下代码:**

<!-- 相关产品推荐 -->
<div class="related-products">
    <h2>相关产品推荐</h2>
    <ul>
        {dede:arclist typeid='[field:typeid/]' row='4' titlelen='30'}
        <li>
            <a href="[field:arcurl/]">
                <img src="[field:litpic/]" alt="[field:title/]">
                <p>[field:title/]</p>
            </a>
        </li>
        {/dede:arclist}
    </ul>
</div>

代码解释:

  • {dede:arclist ...}:调用文章列表的标签。
  • typeid='[field:typeid/]'这是关键,它获取当前文章的分类ID,然后只调用该分类下的文章。
  • row='4':显示4条相关产品,len='30'`:标题最多显示30个字符。
  • [field:arcurl/]:文章链接。
  • [field:litpic/]:文章缩略图。
  • [field:title/]

手动拆分内容(简单粗暴,不推荐)

这种方法适用于你不想修改数据库,只是想把一篇长文章分成上下两部分显示。

  1. 在后台发布内容时,把你想分成两部分的文字,分别粘贴到“内容摘要”和“内容正文”字段里。
  2. 在模板中调用
    • 摘要部分:{dede:field.description/}
    • 正文部分:{dede:field.body/}

缺点:字段通常有长度限制,不适合放大量内容。

  • 违背了“和“正文”的语义,不利于SEO。
  • 不灵活,无法使用编辑器的强大功能。

强烈建议使用方法一


总结与建议

需求场景 推荐方法 核心操作
产品详情 + 规格说明/参数表 附加字段 后台添加字段,前台用{dede:field.字段名/}调用。
产品详情 + 相关产品推荐 arclist标签 在模板中使用{dede:arclist typeid='[field:typeid/]' ...}调用同分类产品。
产品详情 + 下载附件/文档 附加字段 添加一个“附件”或“文档”字段,类型为“文件上传”,前台用{dede:field.字段名/}显示链接。
简单拆分一篇文章内容 手动拆分(不推荐) 利用“和“正文”字段,但功能受限。

对于绝大多数情况,方法一(附加字段) 是最专业、最灵活、最规范的解决方案,它能让你在保持内容结构清晰的同时,轻松管理产品的各种附加信息。

-- 展开阅读全文 --
头像
数据结构算法与应用C语言描述第二版如何?
« 上一篇 2025-12-03
织梦DedeCMS 5.7 GBK版有何问题?
下一篇 » 2025-12-03

相关文章

取消
微信二维码
支付宝二维码