在这里分享一下怎么设置淘宝店铺的动态图片窗口，首先打开淘宝店铺——装修店铺，设置淘宝一个淘宝自定义窗口
拖动过自定义窗口在你所要显示的区域，松开鼠标，这个时候就设置成功了
点击编辑，弹出下面窗口，然后勾选左下角编辑源代码，这个时候你就进入了程序猿操作的页面，复制以下代码：<divclass="layoutgrid-m0"data-componentid="231"data-context="bd"data-id="1041995155"data-prototypeid="231"data-widgetid="1041995155"> <divclass="col-main"> <divclass="main-wrap"data-modules="main"data-width="b950"style="overflow:visible;"> <divclass="skin-boxtb-module"> <sclass="skin-box-tp"></s> <divclass="skin-box-bdclear-fix"> <divclass="J_TWidget"data-widget-config="{"effect":"fade","circular":true,"contentCls":"tanchudiv"}"data-widget-type="Tabs"style="height:482px;overflow:hidden;"> <divclass="tanchudiv"style="height:500px;"> <divclass="footer-more-trigger"style="border-bottom:mediumnone;border-left:mediumnone;padding-bottom:0px;padding-left:0px;width:1920px;padding-right:0px;height:500px;border-top:mediumnone;top:auto;border-right:mediumnone;padding-top:0px;left:50%;"> <divclass="footer-more-trigger"style="border-bottom:mediumnone;border-left:mediumnone;padding-bottom:0px;padding-left:0px;width:1920px;padding-right:0px;height:500px;border-top:mediumnone;border-right:mediumnone;padding-top:0px;left:-50%;"> <divclass="J_TWidget"data-widget-config="{"contentCls":"taobao-kaidian-com","navCls":"taobaokaidian-com","effect":"scrollx","easing":"easeOutStrong","prevBtnCls":"prev","nextBtnCls":"next","autoplay":true,"viewSize":[1920],"circular":true}"data-widget-type="Carousel"> <divclass="J_TWidget"data-widget-config="{"trigger":".ux1920","align":{"node":".ux1920","offset":[-480,0],"points":["cc","cc"]}}"data-widget-type="Popup"style="display:none;"> <divclass="prev"style="font-size:100px;cursor:pointer;opacity:0.5;"> <span></span> </div> </div> <divclass="J_TWidget"data-widget-config="{"trigger":".ux1920","align":{"node":".ux1920","offset":[480,0],"points":["cc","cc"]}}"data-widget-type="Popup"style="display:none;"> <divclass="next"style="font-size:100px;cursor:pointer;opacity:0.5;"> <span></span> </div> </div> <divclass="ux1920"style="padding-bottom:0px;margin:0px;padding-left:0px;width:1920px;padding-right:0px;height:500px;overflow:hidden;padding-top:0px;"> <ulclass="taobao-kaidian-com"style="padding-bottom:0px;margin:0px;padding-left:0px;width:1920px;padding-right:0px;height:500px;padding-top:0px;"> <listyle="padding-bottom:0px;margin:0px;padding-left:0px;width:1920px;padding-right:0px;height:500px;padding-top:0px;"> <span><adata-attr-replace="百度经验百度经验百度经验百度经验"href="http://www.taobao.com/?scene=taobao_shop"style="padding-bottom:0px;margin:0px;padding-left:179px;padding-right:0px;padding-top:0px;"target="_blank"><imgdata-ks-lazyload="//gdp.alicdn.com/imgextra/i2/766114671/TB28egVjXXXXXcRXXXXXXXXXXXX_!!766114671.jpg"border="0"height="482"width="1582"/></a></span> <> <listyle="padding-bottom:0px;margin:0px;padding-left:0px;width:1920px;padding-right:0px;height:500px;padding-top:0px;"> <span><adata-attr-replace="百度经验百度经验百度经验百度经验"href="http://www.taobao.com/?scene=taobao_shop"style="padding-bottom:0px;margin:0px;padding-left:179px;padding-right:0px;padding-top:0px;"target="_blank"><imgdata-ks-lazyload="//gdp.alicdn.com/imgextra/i1/766114671/TB2TvU7jXXXXXbXXXXXXXXXXXXX_!!766114671.jpg"border="0"height="482"width="1582"/></a></span> <> <listyle="padding-bottom:0px;margin:0px;padding-left:0px;width:1920px;padding-right:0px;height:500px;padding-top:0px;"> <span><adata-attr-replace="百度经验百度经验百度经验百度经验"href="http://www.taobao.com/?scene=taobao_shop"style="padding-bottom:0px;margin:0px;padding-left:179px;padding-right:0px;padding-top:0px;"target="_blank"><imgdata-ks-lazyload="//gdp.alicdn.com/imgextra/i1/766114671/TB2hxgGjXXXXXbRXpXXXXXXXXXX_!!766114671.jpg"border="0"height="482"width="1580"/></a></span> <> <listyle="padding-bottom:0px;margin:0px;padding-left:0px;width:1920px;padding-right:0px;height:500px;padding-top:0px;"> <span><adata-attr-replace="百度经验百度经验百度经验百度经验"href="http://www.taobao.com/?scene=taobao_shop"style="padding-bottom:0px;margin:0px;padding-left:179px;padding-right:0px;padding-top:0px;"target="_blank"><imgdata-ks-lazyload="//gdp.alicdn.com/imgextra/i2/766114671/TB2kC.LjXXXXXaVXpXXXXXXXXXX_!!766114671.jpg"border="0"height="482"width="1582"/></a></span> <> </ul> </div> <divclass="footer-more-trigger"style="border-bottom:mediumnone;border-left:mediumnone;padding-bottom:0px;padding-left:0px;padding-right:0px;border-top:mediumnone;border-right:mediumnone;padding-top:0px;left:50%;"> <divclass="footer-more-trigger"style="border-bottom:mediumnone;border-left:mediumnone;padding-bottom:0px;padding-left:0px;width:1920px;padding-right:0px;height:45px;border-top:mediumnone;top:444px;border-right:mediumnone;padding-top:0px;left:-960px;"> <ulclass="taobaokaidian-com"style="border-bottom:mediumnone;text-align:center;border-left:mediumnone;margin:0pxauto;width:1920px;height:45px;border-top:mediumnone;border-right:mediumnone;"> <listyle="line-height:45px;margin:0px5px;display:inline;cursor:pointer;"> <span><imgdata-ks-lazyload="//gdp.alicdn.com/imgextra/i2/766114671/TB28egVjXXXXXcRXXXXXXXXXXXX_!!766114671.jpg"style="border-bottom:#33CCFF2pxsolid;border-left:#33CCFF2pxsolid;margin:5px0px;vertical-align:middle;border-top:#33CCFF2pxsolid;margin-top:36px;border-right:#33CCFF2pxsolid;"border="0"height="28"width="186"/></span> <> <listyle="line-height:45px;margin:0px5px;display:inline;cursor:pointer;"> <span><imgdata-ks-lazyload="//gdp.alicdn.com/imgextra/i1/766114671/TB2TvU7jXXXXXbXXXXXXXXXXXXX_!!766114671.jpg"style="border-bottom:#33CCFF2pxsolid;border-left:#33CCFF2pxsolid;margin:5px0px;vertical-align:middle;border-top:#33CCFF2pxsolid;margin-top:36px;border-right:#33CCFF2pxsolid;"border="0"height="28"width="186"/></span> <> <listyle="line-height:45px;margin:0px5px;display:inline;cursor:pointer;"> <span><imgdata-ks-lazyload="//gdp.alicdn.com/imgextra/i1/766114671/TB2hxgGjXXXXXbRXpXXXXXXXXXX_!!766114671.jpg"style="border-bottom:#33CCFF2pxsolid;border-left:#33CCFF2pxsolid;margin:5px0px;vertical-align:middle;border-top:#33CCFF2pxsolid;margin-top:36px;border-right:#33CCFF2pxsolid;"border="0"height="28"width="186"/></span> <> <listyle="line-height:45px;margin:0px5px;display:inline;cursor:pointer;"> <span><imgdata-ks-lazyload="//gdp.alicdn.com/imgextra/i2/766114671/TB2kC.LjXXXXXaVXpXXXXXXXXXX_!!766114671.jpg"style="border-bottom:#33CCFF2pxsolid;border-left:#33CCFF2pxsolid;margin:5px0px;vertical-align:middle;border-top:#33CCFF2pxsolid;margin-top:36px;border-right:#33CCFF2pxsolid;"border="0"height="28"width="186"/></span> <> </ul> </div> </div> </div> </div> </div> <ulclass="ks-switchable-nav"style="display:none;"> </ul> </div> </div> </div> </div> </div> </div></div>
这个时候点确定，这样你就生成了一个属于你自己的，图片限制突破960的滚动划窗。你可以鼠标滑动试试，看看是不是很洋气，（当然这个时候你还没有成功，因为图片你还没有替换，现在显示的是其他的图片）
在这之前，你得先做好你要的图片上传到你的图片空间，打开店面装修页面，上面有图片空间，点击上传你的图片
上传成功后，鼠标放在你需要上传的图片上面
点击中间的类似别针的标示，复制图片代码（一点击，图片代码自动复制到后台）然后再回到下面编辑代码的页面
前台的动态窗口是四张图片，所以你需要替换四次，找到以下代码位置替换掉引号里面的内容"//gdp.alicdn.com/imgextra/i2/766114671/TB28egVjXXXXXcRXXXXXXXXXXXX_!!766114671.jpg"然后点击确定，然后你也可以显点击预览一下，是否是你需要的图片（这个引号区域是一张图片，刚才你复制了你空间图片的代码，然后直接选中这个引号区域内的图片，点击Ctrl+V(复制)，这个代码总共有四处，分别对应的是四张前台图片），预览确认后，就可以点击发布了，设置成功啦
打开PS软件(我的是CS3版本的，版本高低不影响)，然后打开一幅自己中意的图片，也可以自己动手做，我个人觉得网上有很多唯美的图，比自己做的漂亮，我建议去百度搜一下，但要和自己店的主体风格一致。打开图片所在的位置(“文件”中“打开”)
设置大小：店铺公告只限制宽度，<=735像素，高和大小无限制，可根据需要设置，宽度就设最大735比较整齐美观，和宝贝也统一。此图宽为735，高为602，高和宽是自动调节的，这样比较协调。
制作促销活动内容：在图的中间写上促销内容。点击工具栏上的T文字工具，就可以编辑内容了.
如何想修改字体、大小、颜色，先选中文字，然后在这个编辑区修改。如果想把文字制作动画，也可根据下面的步骤修改。
制作动画：以一个会飞的蝴蝶为例,打开一幅小的蝴蝶图片
将蝴蝶图拷贝到刚刚打开的大图中,点击移动工具：
将这一箭头放到蝴蝶图上，一直按住鼠标左键不放，拖到大图中，胆讨如上图。蝴蝶就在图层1中了，给图层1加上图层蒙版，为的是用橡皮擦擦除白色部分。
如何用橡皮擦擦除白色部分：最主要的是背景色为黑色，前景季译色没限制，然后直接擦白色部分即可，可以将图放大。
如果蝴蝶太大，选中蝴蝶图层，然后点击“编辑”下的“变换”中的缩放，将蝴蝶缩小，也可旋转蝴泉态舍蝶方向(目的是让蝴蝶从下面的花丛飞到右上的花丛)
缩小和旋转后的效果。
按住Ctrl+J，复制蝴蝶，此例中复制了四个蝴蝶，总计有5个蝴蝶，复制好后，将蝴蝶移动到合适的位置。如图：
建动画：点击“窗口”中的“动画”，打开动画工具。
因图中有5个蝴蝶，所以建立5帧动画，点击动画窗口的新建按钮
点击第1帧，只显示第1只蝴蝶，背景，文字，其余全部点不可视，点图层上的那只小眼睛即可。如图
用同样的方法，编辑其他几只蝴蝶，但每帧中文字和背景层都必须可视。编辑好后，将前面4幅的动画时间设置为0.5秒，最后一幅设置为1秒，目的是为了让蝴蝶在花上停留的时间长一点。如图：
保存：动画的保存和JPG的保存是不一样的，不能用存储和另存为，要用“文件”菜单下的“存储为Web所用格式”，才能保存为动画。最终成果如下！
先打开PS软件。新建一个文件：操作方法：文件菜单——新建——起个名称——宽度，高度设置100*100相素。
打开要做店标的图片，比如我们做的是化妆品，那么我们就传化妆品的图片。一共选择了三张图。方法：文件菜单——打开——选择要打开的图片，共三张。
把图片大小改为100*100的大小。方法：点击图片标题栏，右键——选图象大小，将大小改为100*100就好了。
把改好大小的图片，移到第一步新建的文件里，做店标用。方法：用移动工具，按住图片直接拖到新建文件里。每移到里面一张图片，图层就会多一层注意看图层变化。三个文件，一共是三层。有人说，这个图层在哪。我电脑怎么没有。你接一下键盘上的F7就出来了。
要做动画了，点击指定的工具，跳转到做动画的ImageReady软件里。下面就是转到ImageReady的画面。然后选择窗口菜单——选动画——就出现在动画祯，如图：
开始做动画：先改变动画播放的时间，时间改为0.2秒，你自己定了。再新建动画祯，点周图中新建按钮即可。新建好之后，动画里多了一祯，然后到图层上，把最上面的一层隐藏起来(点一下小眼睛)就能看到第二个祯图片的变化。如图：重复第六步，再新建一个祯，再隐藏第二个图层。这样，三个动画，三个图片，都在动画工具栏中出现了。如图：
开始动画，查看播放效果。点击开始按钮，动画就会播放了，你会就看到播放效果。
选文件菜单——存储优化结果——起个名字保存，会出现一个对话框。点确认就可以了如图：
?完整的动态店招就这样做好了哦，到时候直接上传到您的店铺就可以显示了哦！！?！
先进入淘宝卖家个人中心主页，在店铺管理下选择“手机淘宝店铺”。
跳转到手机店铺管理页面后，点击“立即装修”按钮。
然后选择“店铺动态”图标进入管理页面。
如果要删除某个店铺动态，点击“该动态栏中的”删除“字样。
在弹出的提示框中点击”确定“即可。
如果需要把这个动态置顶，则在该栏中选择”置顶“。
在跳出的窗口中选择”确定“即可。
取消置顶的话，直接点击该栏中的那个”取消置顶“字样即可。
本文链接：http://www.28at.com/showinfo-23-18432-0.html如何管理手机淘宝店铺动态？
声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。邮件：2376512515@qq.com
上一篇： 如果客户问你,直通车能保证效果么？
下一篇： 淘宝618活动在哪里抢大额优惠券？
Copyright © 2016-2023 天津谷骐科技有限公司 版权所有 sitemap.xml
违法及侵权请联系：2376512515@qq.com 津ICP备18001702号
津公网安备 12010102000574号
