一、目标

pc的首页和app的首页,可根据管理员在管理后台设置的推荐位和轮播图,以及模板来展示页面。

二、装修流程

2.1 新建推荐位

管理员在管理后台的“网站--推荐位”列表,点击【 + 】按钮,新建一个推荐位,可推荐图片和商品。



2.2 给推荐位推荐商品或图片

管理员在管理后台的“网站--推荐位”列表,点击【推荐】按钮,可推荐商品或图片。


2.3 新建轮播图

管理员在管理后台的“网站–轮播图片”列表,点击【 + 】按钮, 进入新增轮播图片页面,输入信息后点击【保存】按钮,新增完成。


3.3 页面调取推荐位内容

页面可使用标签调用推荐的内容,调用示例

1.以大首页“特卖惠”为例(推荐商品)

<ul class = "pic-list clearfix" >
<% var r=site.recommend({number: 'tmh' });%>
<% for (ri in r.siteRecommendItemList!){
var product=product.one({pid:ri.pId!});%>
<li>
<div class = "p-picture" >
<a target= "_blank" href= "${ri.url!}" >
<img src= "${ctxfs}${ri.path!}@160x160" onerror= "fdp.defaultImage('${ctxStatic}/images/default_goods.png');" />
</a>
</div>
<div class = "text" >
<a target= "_blank" href= "${ri.url!}" >
<p class = "p-name" >${isNotEmpty(product.brandName!)?product.brandName!+ '-' : '' }${ product.name !}</p>
<p class = "p-price" >
<% if ((product.type!)== '1' ){%>
¥${product.minPrice1!}<span class = "price-type" ></span>
<%}%>
<% if ((product.type!)== '2' ){%>
¥${product.minPrice2!}<span class = "price-type2" ></span>
<%}%>
<% if ((product.type!)== '3' ){%>
¥${product.minPrice1!}<span class = "price-type" ></span>
<%}%>
<% if (isNotEmpty(product.marketPrice!)){%>
<span class = "p-prom" >¥${product.marketPrice!}</span>
<%}%>
</p>
</a>
</div>
</li>
<%}%>
<div class = "clear" ></div>
</ul>


2.以大首页“品牌商城”为例(推荐图片)

<div id= "dos1" class = "tab-pane active" >
<ul class = "piclink-list" >
<% var recommend1=site.recommend({number: 'ppsc' });%>
<% for (ri in recommend1.siteRecommendItemList){%>
<li>
<a target= "_blank" href= "${ri.url!}" >
<img src= "${ctxfs}${ri.path!}@!120X60" onerror= "fdp.defaultImage('${ctxfs}/shop_init/store_logo.png');" />
</a>
</li>
<%}%>
<div class = "clear" ></div>
</ul>
</div>