{{.Content.Title}}

{{/* 评分紧贴标题下方（价格上方）：对标里 PDP 评分放这个位置平均提升加购 11% */}} {{if .Content.Ext}} {{$rating := index .Content.Ext "rating"}} {{$reviews := index .Content.Ext "reviews"}} {{if $rating}} {{end}} {{end}} {{if .Content.Price}} {{end}} {{if .Content.Ext}} {{/* 两段属性表：**产品属性**（版型/面料/产地）与**贸易条款**（起订量/交期/付款）。 ⚠️ 尺码与颜色的**选择**交给下面的 SPU 复合选择器（切的是真实商品 id， 会进订单）；这里只做「说明性」展示，两者不冲突也不重复。 ⚠️ `spec` 那段自由文本保留：运营常用它写一句卖点，删了会让老数据 （default 主题迁过来的商品）丢内容。 ⚠️ 每个字段都独立判空 —— 外贸站的商品常常只填了其中几项， 整表按 `or` 判空、单行按字段判空，才不会出现「有标题没内容」的空表。 */}} {{$spec := index .Content.Ext "spec"}} {{if $spec}} {{end}} {{$size := index .Content.Ext "size"}} {{$color := index .Content.Ext "color"}} {{$material := index .Content.Ext "material"}} {{$fit := index .Content.Ext "fit"}} {{$care := index .Content.Ext "care"}} {{$origin := index .Content.Ext "origin"}} {{$gsm := index .Content.Ext "gsm"}} {{$shipping := index .Content.Ext "shipping"}} {{if or $size $color $material $fit $care $origin $gsm $shipping}} {{end}} {{/* 贸易条款表。 外贸买家在询价前最先看的四件事：起订量、交期、付款方式、能不能贴牌。 这块信息缺一个，买家就会跳去问客服（或干脆跳去下一家）， 所以刻意放在购买区**上方**、价格与属性之后。 */}} {{$moq := index .Content.Ext "moq"}} {{$leadTime := index .Content.Ext "lead_time"}} {{$sampleTime := index .Content.Ext "sample_time"}} {{$packing := index .Content.Ext "packing"}} {{$port := index .Content.Ext "port"}} {{$incoterm := index .Content.Ext "incoterm"}} {{$payment := index .Content.Ext "payment"}} {{$cert := index .Content.Ext "cert"}} {{$oem := index .Content.Ext "oem"}} {{if or $moq $leadTime $sampleTime $packing $port $incoterm $payment $cert $oem}} {{end}} {{end}}

{{.Content.Description}}

{{/* SPU 复合选择器（京东式，2026-10-08）。 spu 字段只做 **id 关联**（索引查询起点）；规格维度 = 栏目字段模型里 indexed 的 ext 属性字段，可选值 = 组内商品在这些字段上的取值**并集**。 点击属性组合 → 前端匹配出对应商品 id → **就地**切换标题/相册/价格/库存/ 加购 id，页面不跳转。全量变体数据通过 JSON 数据岛一次性下发。 服务端先渲染初始按钮态（当前商品的属性值高亮），JS 接管后续交互。 🚨 数据岛必须直接 {{.}}（结构体）：html/template 在 script 上下文 会把结构体序列化成 JSON 对象字面量；若包一层 Json 函数（返回字符串）， 字符串会被再包一层引号并转义，JSON.parse 出来是 string 不是对象。 */}} {{with .Content.SpuPicker}} {{/* 尺码指南：服装站刚需。静态通用表，仅在有 size 维度时由上方按钮切换显示。 */}} {{end}} {{/* 购买区：**询盘为主、在线下单兜底**。 ⚠️ 外贸出口站的真实成交路径是「询价 → 打样 → 下单」，直接加购只适合 小批量试单。所以主按钮是 Request a quote（把商品 id 带到联系页预填）， 加购保留但降为次要样式 —— 两个按钮同等权重，买家不知道该点哪个， 结果是两个都不点。 ⚠️ 售罄判定必须用 Content.IsSoldOut —— 它内部看的是 StockLimit 标记位， 不能写成「Stock == 0 即不限量」：限量商品卖到 0 之后那样判会显示成 「不限量」，用户点进去却买不了。 🚨 商城开关三态不能混： · 商城关闭 → 只留询盘，不给加购入口（/cart 此时本身是 404， 渲染出加购按钮等于「按钮在、点下去 404」，比不显示更糟）； · 商城开着但售罄 → 仍显示售罄（这是商品状态，与商城开关无关）； · 商城开着且有货 → 询盘主按钮 + 加购次要按钮。 顺序上先判商城关闭、后判售罄：两者同时成立时，「商城没开」对用户更有意义。 */}} {{$rfqLabel := default (index $.ThemesExt "rfq_btn") "Request a quote"}} {{if not .ShopEnabled}} {{/* 商城关闭：页面仍可作为商品介绍展示，转化路径只剩询盘。 */}} {{else}} {{end}}