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

-
产品详情 + 产品规格/参数表
- 描述:在页面上半部分是图文并茂的产品介绍,下半部分是一个清晰的产品规格列表(如尺寸、颜色、材质等)。
- 特点:这是最常见的需求,内容结构清晰,通常一个字段就能解决。
-
产品详情 + 使用说明/下载文档
- 描述:用户看完产品介绍后,可以点击查看详细的使用手册或下载相关文件(如PDF、说明书)。
- 特点关联性强,需要调用文章或附件。
-
产品详情 + 相关产品推荐
- 描述:在当前产品页面旁边或下方,展示同品牌、同分类或相关的其他产品。
- 特点:这是典型的“相关内容”调用,不属于当前产品的内容,但属于页面的一部分。
-
产品详情 + 用户评论/问答
(图片来源网络,侵删)- 描述:在产品详情下方,展示用户对该产品的评价或提问。
- 特点:这通常需要借助Dede的评论系统或第三方插件。
下面我将针对前三种最核心的需求,提供详细的实现步骤。
使用“附加字段”实现(推荐用于需求一和二)
这是最直接、最规范的方法,适合将两个不同类型但都属于该产品本身的内容存入数据库。
步骤 1:在后台添加附加字段
-
登录DedeCMS后台。
-
进入「核心」 -> 「内容模型管理」。
(图片来源网络,侵删) -
找到你产品所在的内容模型(通常是“产品”或“普通文章”),点击后面的「更改」或「管理字段」。
-
点击「添加新字段」。
-
示例1:添加“产品规格”字段
- 字段名:
spec(英文字母,不能有空格) - :
产品规格 - 字段类型:
文本区域(textarea) 或编辑器(multiText),如果只是文字,用文本区域;如果需要图文排版,用编辑器。 - 是否为空:
否(根据需要) - 默认值:留空
- 保存。
- 字段名:
-
示例2:添加“使用说明”字段
- 字段名:
instruction - :
使用说明 - 字段类型:
编辑器(multiText) (因为说明通常图文并茂) - 保存。
- 字段名:
你的产品模型就有了两个新的字段。
步骤 2:在内容页模板中调用字段
你需要修改产品内容页的模板文件,通常是 /templets/default/article_article.htm (如果你的模板是默认的)。
- 打开这个模板文件。
- 在你希望显示“第二个内容”的位置,添加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:在后台发布/编辑内容
- 进入「新增内容」或「编辑内容」页面。
- 你会发现除了“内容摘要”、“内容正文”等常规字段外,多出了“产品规格”和“使用说明”的输入框。
- 在这些框里填入相应的内容,然后发布。
使用“arclist”标签调用关联内容(用于需求三:相关产品)
如果你想在产品页显示其他产品的列表,而不是当前产品的两个部分,你需要使用 假设你的产品分类ID是 代码解释: 这种方法适用于你不想修改数据库,只是想把一篇长文章分成上下两部分显示。 缺点:字段通常有长度限制,不适合放大量内容。 强烈建议使用方法一。 对于绝大多数情况,方法一(附加字段) 是最专业、最灵活、最规范的解决方案,它能让你在保持内容结构清晰的同时,轻松管理产品的各种附加信息。arclist
场景:显示同分类下的其他产品
{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/]。
手动拆分内容(简单粗暴,不推荐)
{dede:field.description/}{dede:field.body/}
总结与建议
需求场景
推荐方法
核心操作
产品详情 + 规格说明/参数表
附加字段
后台添加字段,前台用
{dede:field.字段名/}调用。
产品详情 + 相关产品推荐
arclist标签
在模板中使用
{dede:arclist typeid='[field:typeid/]' ...}调用同分类产品。
产品详情 + 下载附件/文档
附加字段
添加一个“附件”或“文档”字段,类型为“文件上传”,前台用
{dede:field.字段名/}显示链接。
简单拆分一篇文章内容
手动拆分(不推荐)
利用“和“正文”字段,但功能受限。
