S

| 位置:门别网 › 卖家论坛 › 货源供销 › 帖子 |
1987412 等级: / 门别币:20 |
|
| 发表:2018-4-9 23:05:24 查看:4924 回复:4 次 | |
阿里手机端店铺首页装修(高端教学)![]() |
|
首先很高兴当上了《广州商盟论坛圈》的管理,今天给大家带来一个关于阿里手机端装修的教学。当然,阿里手机端装修的方法有很多,我只是说其中一种提供给大家参考参考吧。好了,进入5秒钟广告时间:
|
原创首发《广州商盟论坛圈》,未经允许请勿转载!!!本人只发技术贴,更多技术帖子请关注《广州商盟论坛圈》!!!!!!每天进步一点点,做个有趣的人~~!!
|
声明:以下出现的所有内容都是教程需要,绝非广告!!
手机端部分装修效果如下:
![]() |
|||
|
首页
|
全部商品
|
特色商品
|
店铺动态
|
![]() |
|||
![]() |
![]() |
||
![]() |
|||
![]() |
![]() |
||
|
分类
|
公司介绍
|
店铺服务
|
普通会员
|
![]() |
|||
教程之前,先说说一些基本的问题哦。
手机端店铺装修的前提是:了解和掌握手机端阿里装修的具体尺寸是多少?
了解了手机端的具体尺寸之后,开始在PS里面进行设置图层的大小了。
操作步骤:
1、点击店铺-无线建站中心-装修-自定义内容拼图版块,鼠标左键点击该版块不放,拖动到合适位置,然后在右上角点击-设置自定义图片。

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

PS:由于阿里手机端装修,尺寸都是80px的倍数,所以在设计的时候,最好量好尺寸,再进行设计,免得到时候设计好了,发现尺寸不对,你上传的时候拼接也是不完整的,这就尴尬了。
3、考虑到尺寸问题,我利用320px像素进行8000px像素的分割,然后我根据分割的线条进行设计。计算公式:8000除以320=25,然后利用PS进行设置,如图:


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


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

要记住,图层的宽度是640px;高度是320px;中间切割就是把宽度平均分开了,得到的两个产品图层就是320px和320px的两个正方形。
5、把设计好的模板全部切割完之后,开始进行手机店铺的装修;进行我上面的步骤1。
6、在手机端拉好尺寸,尺寸必须和裁切的尺寸相同,如果偏大偏小,显示的效果就会变样了。如图:

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

然后对应的图片插入对应的手机端链接(必须是手机端相关链接,电脑端无效)。告诉大家如何获取手机端链接吧:
获取手机端相关链接如下:
首页:首页:http://m.1688.com/winport/dgfyyinsa.html
注意:直接把后面的账号ID:dgfyyinsa替换成你自己的就可以了。
产品分类:
例如我的一个分类是:通用杯按件出售
电脑端链接:http://feiyangcup.1688.com/page/offerlist_94460306.htm?spm=a2615.2177701.0.0.49d62630DJLUbg
手机链接:http://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,即可。如图:

对应产品手机端链接:
电脑端的链接:http://detail.1688.com/offer/486994556.html?spm=a2615.7691456.0.0.2e946c5fqEMQes
手机端的链接:http://m.1688.com/offer/486994556.html
注意:把电脑端的ID:486994556替换到手机端的ID:486994556即可。
7、用同样的方法,在手机端添加产品,如图:

记住,我们前面切割的产品尺寸是320px的正方形的。如果不明白,看步骤4,即可。产品链接对应相关的手机端产品链接即可。刚刚上面已经教了如何获取手机端的相关链接了。这里就不重复了哦。
8、用相同的方法,添加完所有的图片和链接,最后保存即可完成。其实也不复杂,只要把握好尺寸就可以了。
|
原创首发《广州商盟论坛圈》,未经允许请勿转载!!!本人只发技术贴,更多技术帖子请关注《广州商盟论坛圈》!!!!!!每天进步一点点,做个有趣的人~~!!
|
业务联系
公司负责人:王志刚 电话:0769-82817229,如需购买奶茶杯定做;珍珠奶茶杯;塑料奶茶杯;一次性奶茶杯;注塑杯定做,请联系我们东莞市飞扬包装制品有限公司
| 内容违规投诉举报请联系在线客服QQ:278336453 |
| 今日最新卖家热点 |
|
更多内容>>![]() |
| 下载APP客户端,随时随地上门别,方便卖家网店交易 |
| 话题回复 |
宋增运 等级: / 门别币:20第2楼 |
||||
| 回复:2018-4-13 20:04:33 | ||||
|
||||
xilang160705 等级: / 门别币:20第1楼 |
||
| 回复:2018-4-10 7:46:46 | ||
| 1 首 页 |
![]() 微信扫一扫,纯粹电商人微信交流群,欢迎加入 |