公司每次搞促销活动都需要制作大量的单品宣传单页,如果靠美工手动去做,需要大量的时间,最近刚刚更新了公司商城首页,不是很忙,就琢磨着开发一个自动生成宣传单页的功能,于是所做就做,流程如下:
1、使用的是火狐浏览器的打印功能,其他浏览器并未测试,因为这是内部使用功能,亦无需兼容其他浏览器。
此处注意打印预览时将边距设为0,并选择打印背景(颜色和图片)。
2、商城每个产品都有详情页,可以很容易获取到信息,于是我们要做的就是将这些信息排成我们需要打印出来的样式
首先是背景尺寸:1205*1730,这个尺寸并不完美但也无伤大雅,但因为调了很久也没调出特别好的尺寸
3、设置进入条件,通过键盘事件设置进入密码,这样打印页就只有内部人员可以看见,注意进入打印页时要隐藏原来的页面。
注意设置进入密码时不要设置小键盘,因为笔记本没有小键盘...
4、既然是产品宣传页当然需要二维码了,自动生成二维码必不可少。
首先当然是获取当前页面的链接了,不然怎么生成二维码:var Href=window.location.href;
二维码需要跳转到微信商城端,所以获取到的链接需要调整:var HREF=Href.replace(/www.cnhzh.com/,'v.cnhzh.com');
接下来当然是用qrcode插件自动生成二维码了:
$('#qrCode').qrcode({
width:210,
height:208,
text:HREF
});
至此一个还算精致的宣传单页就出来了,以后需要这种单页可以通过密码进入自动生成,是不是极大的提高了工作效率呢- -