易优EyouCMS 商品（产品）页面常用标签补充说明
在使用易优EyouCMS 搭建商城类网站时，除了常规的标题、内容、缩略图等字段调用外，商品还涉及价格、规格、库存等信息。
以下是对商品相关字段标签的补充说明，特别是划线价和规格图片的正确调用方式。
✅ 商品常用字段标签汇总
| 字段名称 | 标签写法 | 说明 |
|---|---|---|
| 商品标题 | {$field.title} |
文章/产品标题 |
| 商品链接 | {$field.arcurl} |
当前商品详情页URL |
| 缩略图 | {$field.litpic} |
缩略图地址 |
| 商品描述/摘要 | {$field.seo_description} |
SEO描述或摘要内容 |
| 商品价格 | {$field.price} |
主要销售价格（需在模型中添加自定义字段） |
| 划线价（原价） | {$field.crossed_price} |
市场价/划线价，用于促销对比 |
| 商品库存 | {$field.inventory} |
库存数量（需自定义字段支持） |
| 规格属性（多规格） | {$field.specifications} |
多规格组合展示（如颜色、尺寸） |
| SKU库存管理 | {$field.sku} |
若启用SKU功能，显示不同规格库存 |
🔍 商品“划线价”与“规格图片”的调用说明
🧾 划线价标签：
html
<del>{$field.crossed_price}</del>示例：
html
<del>市场价：￥299</del><br/> <span style="color:red;">促销价：￥199</span>⚠️ 注意：
crossed_price通常为商品的原价/市场价；- 该字段需在后台【模型管理】→【产品模型】中添加为自定义字段，并在发布商品时填写；
🖼️ 商品规格图片调用：
你提到的：
html
{$field.crossed_price}❌ 错误理解：这不是规格图片的标签。
✅ 正确调用规格图片的方式如下：
方法一：使用规格字段 + 图片字段（适用于多规格）
如果启用了多规格功能，可通过以下方式调用规格图片：
html
{eyou:foreach name='$field.spec_images' id='spec_img'} <img src="{$spec_img.image}" alt="{$spec_img.name}" /> {/eyou:foreach}说明：
spec_images是规格图片数组；- 每个规格项可绑定一张图片；
- 可实现点击切换规格时同步切换商品图；
方法二：单独调用主图或副图
html
<img src="{$field.litpic}" alt="主图">或者：
html
{eyou:arraylist value='$field.image_slides'} <img src='{$value}' /> {/eyou:arraylist}说明：
image_slides为商品相册字段（多个图片）；- 可用于轮播图展示；
🧩 示例：商品价格+划线价+规格图展示完整代码
html
<div class="product-detail"> <h1>{$field.title}</h1> <div class="product-images"> <img src="{$field.litpic}" alt="主图"> <!-- 规格图片 --> {eyou:foreach name='$field.spec_images' id='spec_img'} <img src="{$spec_img.image}" alt="{$spec_img.name}"> {/eyou:foreach} </div> <div class="product-price"> <del>市场价：{$field.crossed_price}</del><br/> <strong style="color:red;">促销价：{$field.price}</strong> </div> <div class="product-spec"> <!-- 规格选择示例 --> {eyou:specification id='field'} <p>{$spec.name}： {eyou:foreach name='$spec.items' id='item'} <button>{$item.name}</button> {/eyou:foreach} </p> {/eyou:specification} </div> </div>📌 温馨提示
- 所有字段需在后台【模型管理】中设置好并启用；
- 修改模板后请清除缓存或重新生成静态页面；
- 如需实现“点击规格切换图片”，建议配合 JS 实现交互逻辑；
- 如果你使用的是第三方插件或模块，请参考其文档进行扩展字段调用。
更新时间：2025-05-06 09:50:20
上一篇：易优EyouCMS TAG页面的网页标题、关键词与描述标签调用方式