QQ扫一扫联系
码贴在产品上,扫出来一个没样式、没图、只有两行字的页面。客户第一反应不是「查到了」,而是「这个网站是不是假的」。
一物一码溯源防伪通用主题 A(TrackingThemeA)是给 Tracking(一物一码溯源防伪)换的一套查询页模板。它注册了一个站点模板 trackingA,标题是「一物一码茶叶主题」,装完之后在 Tracking 的模板选择里能选到它。整个模块只有一个模板文件。
顶部是一条居中的「防伪查询中心」标题,下面带一道粗的分隔线。
接着是产品图轮播,但只在两个条件同时满足时出现:Tracking 里开了显示产品,并且当前这个码关联了产品。轮播是 1:1 的方形图,用的是 swiper,自动播放间隔 3 秒,循环播放,带分页点和左右箭头。
然后是「查询结果」卡片,红色标签打头。这里有个细节:第一次查询和后续查询显示的是两段不同文案,判断依据是 hits == 1。首次查询用的文案通常写「恭喜您查询到正品」,第二次以后换成提醒防窜货的说法。这两段都在 Tracking 模块里配,本主题只负责显示。
查不到码时显示的是 Tracking_ResultNotFound 那段内容。
再往下是产品信息和产品的各个自定义板块,都是可折叠的:点标题栏展开,默认收起。板块是 Tracking 里给产品配的,有几个就渲染几个。
最底部有一行「技术支持:ModStart」的外链,是写死在模板里的。

后台「一物一码茶叶主题」设置页上有两项:冲泡方法和微信关注,都是富文本。
需要说明的是,这两项在模板里找不到读取的地方,填了不会显示在任何位置。页面上真正用到的配置全部来自 Tracking 模块(Tracking_ShowProduct、Tracking_ResultFirstContent、Tracking_ResultContent、Tracking_ResultNotFound)。
也就是说,换这个主题之后要调的内容,全在 Tracking 的设置里,不在这里。
模板走的是响应式布局,卡片用外边距和圆角,窄屏下能收成一列。轮播是 1:1 方形,在小屏上会占掉大半屏,产品图如果不是方的会被裁切,配图时按正方形准备。

适合:需要有产品介绍的溯源场景,尤其是农产品、茶叶、食品这类「客户扫码后还想看看产品本身」的行业。模块文案就是按茶叶行业写的(冲泡方法这一项说明得很清楚)。
不适合:只需要一个查询结果的极简场景,或者需要在页面上放营销活动、领红包入口的场景。这个模板只做查询展示,没有活动位。要做扫码领奖,看 TrackingMarket。
先在 Tracking 里把四段文案都填好,尤其是查不到码时那段。空着的话,扫一个不存在的码会看到一块空白,用户会以为页面坏了。
然后确认产品图和产品板块的顺序。轮播只取产品关联的图片组,没有图片时那一块整个不出现,不会留空框。
最后用真机扫一次码。这个页面的主要入口是微信扫一扫,浏览器里看着没问题不代表微信内置浏览器里也一样,尤其是那个底部外链在微信里可能被拦截。