阿里巴巴推广 运营范儿网站地图 视频站网站地图   作者登录阿里巴巴1688诚信通CBU中文站b2b排名推广运营规则商学院

1688诚信通手机无线端店铺装修(高端教学)

阿里巴巴店铺装修/阿里巴巴矢量图库 | 2018年07月06日 | 本文编辑 : Dennis  本文编辑微信 Dennis

原创首发【运营范儿】,请勿转载分享!!!

手机端整体装修效果如下:

微信图片_20180706094951.jpg

教程之前,先说说一些基本的问题哦。

手机端店铺装修的前提是:了解和掌握手机端阿里装修的具体尺寸是多少?

了解了手机端的具体尺寸之后,开始在PS里面进行设置图层的大小了。


操作步骤:


1、点击店铺-无线建站中心-装修-自定义内容拼图版块,鼠标左键点击该版块不放,拖动到合适位置,然后在右上角点击-设置自定义图片。

微信图片_20180706095001.jpg

2、你会看到里面有很多正方形的表格,一个表格的像素是80px*80px;宽度有8个表格,所以手机端的宽度是640px;高度自己设定,一定要80px的倍数(方便后期设计好的模板裁切)。不如我宽度是640px,高度要8000px(100*80);然后打开PS,新建图层640px*8000px;如图:

微信图片_20180706095005.jpg

PS:由于阿里手机端装修,尺寸都是80px的倍数,所以在设计的时候,最好量好尺寸,再进行设计,免得到时候设计好了,发现尺寸不对,你上传的时候拼接也是不完整的,这就尴尬了。


3、考虑到尺寸问题,我利用320px像素进行8000px像素的分割,然后我根据分割的线条进行设计。计算公式:8000除以320=25,然后利用PS进行设置,如图:

微信图片_20180706095009.jpg

微信图片_20180706095013.jpg

这样分割线就出来了,然后进行模板的设计。具体设计效果看您自己本人的美工技术了。

设计好的模板如图:

微信图片_20180706095018.jpg

微信图片_20180706095022.jpg

4、由于产品我们都要添加不同的链接,所以只能把产品图片分开切割,在原来的切割基础上,垂直中间切割即可。点击切片工具-鼠标右键-划分切片-垂直2,如图:

微信图片_20180706095028.jpg

要记住,图层的宽度是640px;高度是320px;中间切割就是把宽度平均分开了,得到的两个产品图层就是320px和320px的两个正方形。


5、把设计好的模板全部切割完之后,开始进行手机店铺的装修;进行我上面的步骤1。


6、在手机端拉好尺寸,尺寸必须和裁切的尺寸相同,如果偏大偏小,显示的效果就会变样了。如图:

微信图片_20180706095033.jpg

上传图片好之后,点击右上角-使用原图即可。如图

微信图片_20180706095037.jpg

微信图片_20180706095041.jpg

然后对应的图片插入对应的手机端链接(必须是手机端相关链接,电脑端无效)。告诉大家如何获取手机端链接吧:


获取手机端相关链接如下:

首页:首页:https://m.1688.com/winport/dgfyyinsa.html

注意:直接把后面的账号ID:dgfyyinsa替换成你自己的就可以了。


产品分类:

例如我的一个分类是:通用杯按件出售

电脑端链接:https://feiyangcup.1688.com/page/offerlist_94460306.htm?spm=a2615.2177701.0.0.49d62630DJLUbg


手机链接:https://m.1688.com/page/offerlist.html?spm=a262gh.9831636.0.0&catId=94460306&catPid=&isUserDefined=true&title=通用杯按件出售&memberId=dgfyyinsa

注意:把电脑端的产品ID:94460306替换到手机端的ID;然后在title=该分类的名称,把最后的账号ID改成你自己的账号ID,即可。如图:

微信图片_20180706103252.jpg

对应产品手机端链接:

电脑端的链接:https://detail.1688.com/offer/486994556.html?spm=a2615.7691456.0.0.2e946c5fqEMQes


手机端的链接:https://m.1688.com/offer/486994556.html

注意:把电脑端的ID:486994556替换到手机端的ID:486994556即可。


7、用同样的方法,在手机端添加产品,如图:

微信图片_20180706095047.jpg

记住,我们前面切割的产品尺寸是320px的正方形的。如果不明白,看步骤4,即可。产品链接对应相关的手机端产品链接即可。刚刚上面已经教了如何获取手机端的相关链接了。这里就不重复了哦。


8、用相同的方法,添加完所有的图片和链接,最后保存即可完成。其实也不复杂,只要把握好尺寸就可以了。


 如还有疑问请联系文章作者 

文章作者:Dennis/微信:q615540696

                   诚信通运营学习交流
添加站长私人微信:835244487
                  
联系站长
(备注:运营范儿)

阿里巴巴诚信通代运营 阿里巴巴商学院 阿里巴巴搜索下拉框


本文来自 运营范儿

本文地址:http://ufangz.com/post/3013.html

上一篇:1688诚信通2018【7月百货"惠”】已经正式开启招商!

下一篇:阿里生意经商友圈代码大全(首发)

诚信通店铺代运营

阿里巴巴搜索下拉框

1688诚信通店铺诊断

最近发表

诚信通运营表格

拼多多运营视频

更多诚信通运营好文
最新阿里巴巴运营视频
诚信通课件资料下载

   【PPT】诚信通网销宝营销秘籍,6...


   【PPT】诚信通店铺运营应该从哪几...


   【PPT】解读阿里巴巴诚信通排名规...


   【PPT】阿里巴巴诚信通店铺运营核...


   【PPT】诚信通主推、活动、引流款...


   【PPT】诚信通店铺运营计划书编写...


   【Excel】诚信通工作内容计划流程...


   【PPT】诚信通新手整站运营基础知...


   【PPT】阿里巴巴店铺转化率提升技...


 10 【PPT】如何制作优质的店铺详情页...


 11 【PPT下载】诚信通店铺流量暴涨技...


 12 【PPT下载】高效运营诚信通店铺策...


 13 【PPT下载】全年的阿里巴巴诚信通...


 14 【PPT下载】史上最全客服流程...


 15 【PPT下载】诚信通店铺基础操作技...


 16 【PPT下载】如何降低每日网销宝点...


 17 【PPT下载】跟诚信通大卖家学习制...


 18 【PPT下载】如何做诚信通活动策划...


 19 【PPT下载】旺季诚信通如何效果营...


 20 【PPT下载】诚信通机械行业推广方...

微信小程序制作教程