电商-货号ID材质价格

做电商的小伙伴,你有没有觉得,店铺里产品非常多的时候,想找一个产品非常麻烦,
无论是搜索页一页一页找,还是后台搜索,都很不方便

一个页面给你罗列出所有产品的货号、产品ID、价格……等信息
这里以我以前做的一家女装店为例

代码如下:


<style>
*{margin:0;padding:0;}
::-webkit-scrollbar {width:0px;}
	
body{background-color:#e9f1f6;}
.chanpin-box{width:200px;height:390px;font-size:12px;line-height:18px;float:left;margin:2px;list-style:none;overflow:hidden;}
.img-box{width:200px;height:200px;display:block;overflow:hidden;background-color:#000;}
.chanpin-box img{width:200px;height:200px;}
.chanpin-box:hover img{opacity:0.8;}
.ychh{width:190px;height:18px;line-height:18px;display:block;font-size:12px;background-color:#48c0a3;color:#fff;padding:5px;text-decoration:none;}
.view{float:right;text-decoration:none;color:#549688;padding:0 0 0 30px;height:18px;line-height:18px;border-radius:3px;}
.view:hover {color:#549688;background-color:#fff;padding:0 15px 0 15px;}
.jiage{width:190px;height:20px;line-height:20px;display:block;font-size:13px;background-color:#549688;color:#eedeb0;padding:5px;text-decoration:none;font-family:Arial;}
.caizhi{width:190px;height:50px;line-height:17px;display:block;font-size:10px;background-color:#e0f0e9;color:#057748;padding:5px;text-decoration:none;border-radius:0 0 3px 3px;}
.beizhu{float:right;color:#999;font-size:9px;}
.beizhu:hover {cursor:wait;}
.huohao{width:200px;line-height:22px;color:#555;display:block;}
.id-12{width:200px;line-height:18px;color:#555;display:block;}
.huohao:hover a {color:#f00;}
.id-12:hover a {color:#f00;}
	
	
.xfbox {position:fixed;right:0px;bottom:0px;width:36px;}
.qq {width:36px;height:36px;border:1px #f3f3f3 solid;float:left;margin-top:-1px;}
.qq img {width:22px;height:22px;margin:7px;}
.qq:hover {background-color:#f3f3f3;}
.qq:hover .sm, .qq:hover .myzybox, .qq:hover .scbox{display:block;}
.sm {width:180px;height:220px;padding:40px;position:absolute;display:none;right:36px;bottom:0;text-align:center;color:#666;font-size:12px;line-height:40px;background-color:#f3f3f3;}
.sm img {width:180px;height:180px;margin:0 auto;display:block;}		
</style>
	
<!------------------悬浮按钮------------------------>	
	

<div class="xfbox">
	<div class="qq"><a href="#"target="_self"><img src="https://cjj.zone/xxx/ico/top.png"></a></div>
	
	<div class="qq">
		<a href="https://weibo.com/cjjuid" target="_blank"><img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F01%2F37%2F28%2F39573c44ad6d806.jpg&refer=http%3A%2F%2Fbpic.588ku.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1673448157&t=5d18f4cef732bd5817c2b9b1f7973ebd" title="tmall">
			<div class="sm">
				<img src="https://gqrcode.alicdn.com/img?type=cs&shop_id=58367241&seller_id=175670134&w=140&h=140&el=q&v=1">
				<font>手机扫码进店铺</font>
			</div>
		</a>
	</div>
	
    <div class="qq"><a href="https://demo.cjj.zone/在线打印吊牌"  target="_blank"><img src="https://img1.baidu.com/it/u=3292942845,3029269447&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"  title="打印吊牌"></a>
	</div>
	
	<div class="qq"><a href="https://demo.cjj.zone/下载460x460吊牌"  target="_blank"><img src="https://images.669pic.com/element_pic/87/43/21/0/e5fa3595634dbc63df4db7ec22a8d411.jpg%21w700wb"  title="下载吊牌"></a>
	</div>
	
    <div class="qq"><a href="https://www.yuque.com/cjj.zone/yxym"  target="_blank"><img src="https://gw.alipayobjects.com/zos/rmsportal/UTjFYEzMSYVwzxIGVhMu.png"  title="表格"></a></div>
    

</div>

下面是页面的内容,可以在表格里操作,会比较清晰方便;
表格弄好后,在表格里复制代码粘贴到代码文件里

	
<li class="chanpin-box"><a class="img-box" href="https://detail.tmall.com/item.htm?id=617127753692"  target="blank"><img src="https://img.alicdn.com/imgextra/i3/3357055955/O1CN01TShWXm1trRAZaHJer_!!3357055955.jpg"/></a><font class="ychh" >原厂货号: /<a class="view" href="/"  target="blank">→</a></font><font class="jiage" >供货价:180<a class="beizhu">开始生产</a> </font><font class="caizhi">面料:100%桑蚕丝</font><font class="huohao">- 货号:<a>XK995-1</a></font><font class="id-12">- ID:<a>617127753692</a></font></li>
<li class="chanpin-box"><a class="img-box" href="https://detail.tmall.com/item.htm?id=636654396308"  target="blank"><img src="https://img.alicdn.com/bao/uploaded/i1/3357055955/O1CN01ORHayI1trREL2IM6H_!!0-item_pic.jpg"/></a><font class="ychh" >原厂货号: 82195257<a class="view" href="http://www.ismjr.com/?product-9467.html"  target="blank">→</a></font><font class="jiage" >供货价:356<a class="beizhu"></a> </font><font class="caizhi">面料:100%桑蚕丝<br>里布:89.4%聚酯纤维10.6%氨纶</font><font class="huohao">- 货号:<a>YXYM001</a></font><font class="id-12">- ID:<a>636654396308</a></font></li>
<li class="chanpin-box"><a class="img-box" href="https://detail.tmall.com/item.htm?id=637662391752"  target="blank"><img src="https://img.alicdn.com/bao/uploaded/i3/3357055955/O1CN01jea4g81trRErRhsNg_!!0-item_pic.jpg"/></a><font class="ychh" >原厂货号: 82193211<a class="view" href="http://aly000114.fxw.vmod.cn/?product-9287.html"  target="blank">→</a></font><font class="jiage" >供货价:236<a class="beizhu"></a> </font><font class="caizhi">面料:100%桑蚕丝<br>配料:100%桑蚕丝</font><font class="huohao">- 货号:<a>YXYM002</a></font><font class="id-12">- ID:<a>637662391752</a></font></li>
<li class="chanpin-box"><a class="img-box" href="https://detail.tmall.com/item.htm?id=637663995883"  target="blank"><img src="https://img.alicdn.com/bao/uploaded/i4/3357055955/O1CN01lZRWAF1trREnMS6Bc_!!0-item_pic.jpg"/></a><font class="ychh" >原厂货号: 82195233<a class="view" href="http://aly000114.fxw.vmod.cn/?product-9296.html"  target="blank">→</a></font><font class="jiage" >供货价:266<a class="beizhu"></a> </font><font class="caizhi">面料:100%桑蚕丝<br>配料:100%桑蚕丝</font><font class="huohao">- 货号:<a>YXYM003</a></font><font class="id-12">- ID:<a>637663995883</a></font></li>

这里的内容可以用表格来梳理,更方便,更清晰(用Excel或者wps)
个人推荐用语雀

方便看店铺内所有的产品,一目了然;
方便查找货号和ID价格什么的;
搜索货号只需要浏览器自带的Ctrl+F不用完全匹配就能找到对应的货号(如果是店铺后台搜索必须完全匹配才能找到)。

有的朋友们会觉得这样的表格整理起来太麻烦,没必要,,其实这个表格不是一个个复制粘贴的,都是用表格来批量处理的,
几分钟就能整理好一个店铺里所有的货号ID这些信息

首先,我会整理出一份总表(每一个货号、ID、价格、材质、标题、白底图、透明图、……所有的信息)
这个总表可以用到很多地方

比如天猫后台的【天猫素材库】【官方活动报名】【批量加水印】【打印吊牌】【下载460*460吊牌图】

×只需要整理一份总表,即可应用到其他的表里,并不是每个表都单独弄。

这些东西也许你看不懂,因为我也没看到行业中有人这么用。
但是在我工作的流程中,确实带来很多便捷,能将繁琐、耗时间的流程变得简单舒服。

这些技巧都是我个人在工作中摸索出来的,提出自己的需求,寻求解决方案,高效办公,
让你原本一天、甚至几天才能干完的事情分分钟完成。

具体的制作表格教程,后续会更新为视频教程,敬请期待……

如果你有类似的需求,可以联系我,也可以加入我的交流群

THE END
觉得有用就给点个赞呗
点赞7 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容