帮助首页 / / 正文
分销王做独立促销页步骤详解及代码提供
福到模板(www.fd30.cn) / 2016-08-04

福到模板技术为您整理分销王做独立促销页步骤详解及代码提供 

做电子商务促销页面是必不可少的,很多客户都会问到我们如何建独立的全屏促销页面?以下做了个汇总,为您讲解分销王系统里新建促销页面,可能需要有html知识或者学习能力较好的人才能快速上手。
1:新建【站点栏目单独页】; 【页面管理】—【站点栏目】—【添加顶级栏目】—【选自定义页面】—【注意:要以html源码形式编辑】

[header]
上头部 下底部 这里中间是代码内容区,此区域编写促销代码

[footer] 
下面提供了三种方式:
1:一张全屏大图下只有一个链接或无连接;

<div style="width:100%; background:url(全屏图片地址) no-repeat top center;">
<div style="position:relative; margin:0 auto; position:relative; width:1000px;height:380px;">
<a href="?" style="height:380px; display:block;"></a>
</div>
</div>
 

以上代码需修改【全屏图片地址】和【380px图片高度】 如不需要链接 删除a代码行
2:一张全屏大图下有多个链接(原理类似DW热点);

<div style="width:100%; background:url(背景地址) no-repeat top center;">
<div style="position:relative; margin:0 auto; position:relative; width:1000px;height:380px;">

<a href="链接地址" style="position:absolute; top:0px; left:0px; height:380px; width:480px;"></a>
<a href="链接地址" style="position:absolute; top:0px; right:0px; height:380px; width:480px;"></a>

</div>
</div>
 

width:1000px;可根据自己的网站宽度修改; top:0px; 链接距顶部位置;left:0px; 链接距左侧位置;right:0px; 链接距右侧侧位置;相当于热点把链接放到大图的某个位置形成链接;
3:一张全屏大图下有多个图片链接;

<div style="width:100%; background:url(背景地址) no-repeat top center;">
<div style="position:relative; margin:0 auto; position:relative; width:1000px;height:380px;">

<a href="链接地址" style="position:absolute; top:0px; left:0px;"><img src="立面小图地址"></a>
<a href="链接地址" style="position:absolute; top:0px; right:0px;"><img src="立面小图地址"></a>

</div>
</div>
 

和第二种基本一样(区别在于链接里是图片) 
实例查看 http://www.fd30.cn
shopex4.85 易开店 ECS请查看我们其他教程文章哦(www.fd30.cn)

TOP