淘宝店铺装修之一怎样在自定义内容区做个商品图片轮播展示
2012-10-28 10:20
393 查看
店铺装修之一怎样在自定义内容区做个商品图片轮播展示
很多新手掌柜都在为自己店里人气不高而发愁,好不容易来了一个客人却没看两下就走了,为什么?
可能有人已经再说了:“店铺装修不好呗。不吸引人咯”。对,大家都知道网上开店其实和开体店一样,店铺装修直接买家的购买兴趣,装修精美的店铺人们总是会多看上几眼,说不定就是这几眼就给你带来销量。然而好的淘宝装修模版是要收费的,有些更是要标准以上的才可以用,这对很多新开店的掌柜来就有点不情愿(对是错这里我不作评论),那么不想花钱装修就只有响应毛嗲嗲的那句话了“自己动手丰衣足食”,自己装修店铺是一个很累的事,不过只要有决心就一定能做好。
费话不多说,开始说正事——怎样在自定义内容区做个商品图片轮播展示
首先,看下效果图 左右滚动的商品图展示
第一步:进入装修页面后,在自定义内容区标题栏的右边选择
进入编辑器,
第二步:在编辑器里可以看按钮栏最后一个按钮
,点击进入编辑HTML源码,
第三步:复制粘帖下列源码
<TABLE border=0 cellSpacing=0 cellPadding=0 width=773 height=220>
<TBODY>
<TR>
<TD width=773>
<P>
<MARQUEE height=220 behavior=alternate width=750 scrollAmount=1>
<img border=0 alt="" src="展示图片1" width=220 height=220>
<img border=0 alt="" src="展示图片2" width=220 height=220>
<img border=0 alt="" src="展示图片3" width=220 height=220>
<img border=0 alt="" src="展示图片4" width=220 height=220>
<img border=0 alt="" src="展示图片5" width=220 height=220>
<img border=0 alt="" src="展示图片6" width=220 height=220>
<img border=0 alt="" src="展示图片7" width=220 height=220>
<img border=0 alt="" src="展示图片8" width=220 height=220></MARQUEE></P></TD></TR></TBODY></TABLE>
将展示图片改为自己要展示的图片地址就OK`
说明一下;width=宽度 height=高度
可以跟据自己的图片大小来修改。
最后希望更多的朋友可以一起交流心得。我的淘宝地址http://dragonxiangfu.taobao.com/shop/view_shop.htm?spm=a1z0e.1.10010.5.OwQhYq
很多新手掌柜都在为自己店里人气不高而发愁,好不容易来了一个客人却没看两下就走了,为什么?
可能有人已经再说了:“店铺装修不好呗。不吸引人咯”。对,大家都知道网上开店其实和开体店一样,店铺装修直接买家的购买兴趣,装修精美的店铺人们总是会多看上几眼,说不定就是这几眼就给你带来销量。然而好的淘宝装修模版是要收费的,有些更是要标准以上的才可以用,这对很多新开店的掌柜来就有点不情愿(对是错这里我不作评论),那么不想花钱装修就只有响应毛嗲嗲的那句话了“自己动手丰衣足食”,自己装修店铺是一个很累的事,不过只要有决心就一定能做好。
费话不多说,开始说正事——怎样在自定义内容区做个商品图片轮播展示
首先,看下效果图 左右滚动的商品图展示
进入编辑器,
第二步:在编辑器里可以看按钮栏最后一个按钮
,点击进入编辑HTML源码,
第三步:复制粘帖下列源码
<TABLE border=0 cellSpacing=0 cellPadding=0 width=773 height=220>
<TBODY>
<TR>
<TD width=773>
<P>
<MARQUEE height=220 behavior=alternate width=750 scrollAmount=1>
<img border=0 alt="" src="展示图片1" width=220 height=220>
<img border=0 alt="" src="展示图片2" width=220 height=220>
<img border=0 alt="" src="展示图片3" width=220 height=220>
<img border=0 alt="" src="展示图片4" width=220 height=220>
<img border=0 alt="" src="展示图片5" width=220 height=220>
<img border=0 alt="" src="展示图片6" width=220 height=220>
<img border=0 alt="" src="展示图片7" width=220 height=220>
<img border=0 alt="" src="展示图片8" width=220 height=220></MARQUEE></P></TD></TR></TBODY></TABLE>
将展示图片改为自己要展示的图片地址就OK`
说明一下;width=宽度 height=高度
可以跟据自己的图片大小来修改。
最后希望更多的朋友可以一起交流心得。我的淘宝地址http://dragonxiangfu.taobao.com/shop/view_shop.htm?spm=a1z0e.1.10010.5.OwQhYq
相关文章推荐
- 基础版专业版全屏海报图片轮播代码生成器(淘宝店铺特效装修工具软件)
- 类似淘宝商品展示,上面图片下面名字和标题的css样式设置
- 淘宝店铺装修自定义代码的一些功能
- 淘宝商品展示-图片切换及放大镜应用
- 仿淘宝商品详情页[带有视频和图片的轮播功能]
- 淘宝装修:第一日 —— 图片轮播
- 淘宝店铺装修如何实现全屏轮播
- 怎样安装和制作淘宝店铺装修挂件
- 淘宝店铺装修之 1920自定义区域
- [置顶] Android 自定义轮播图片控件使用
- 自定义微信圈分享带的图片和内容
- 图片水平轮播展示小插件
- moo弹出框 改进版 css外置 背景用图片 大小任意缩放 圆角 插入任意内容 自定义按钮 回车空格esc支持 滚动支持 动画开关
- 微信自定义分享的文字、内容以及图片
- Android 商品广告轮播图 图片轮播
- 仿淘宝轮播图片
- ViewPager无限轮播+GridView图片展示
- 自定义JQuery插件(附图片轮播banner实现)
- 安卓首页图片轮播效果(淘宝、京东首页广告效果)
- android自定义组合控件图片轮播+小圆点+点击跳转广告页面