《详细》教你淘宝基础版实现专业版装修

2025-10-10 16:07:42

1、关于淘宝基础版通栏店招的制作:

1、首先你要知道淘宝的通栏是1920*150PX的一个店招。

2、你要用PS或者其它做图软件制作出一个1920*150PX尺寸的图片。

     如下图1所示:

3、制作完成后,你需要进入淘宝卖家中心——店铺装修——导航栏设置——显      示设置。

     如下图2所示:

4、将你制作好的图片上传到图片空间,获取图片在图片空间的链接。

     如下图3所示:

5、将图片链接插入到以下代码:

     body{background:url(图片地址) no-repeat center top;}

     然后将以下代码插入到3步骤导航显示设置里面,即可实现全屏店招。

《详细》教你淘宝基础版实现专业版装修

《详细》教你淘宝基础版实现专业版装修

《详细》教你淘宝基础版实现专业版装修

2、关于淘宝基础版全屏海报的制作:

1、首先你要知道淘宝的全屏海报尺寸是:1920*600(长度不限制)PX的一个        图片。

2、将你制作好的图片上传到图片空间,获取图片在图片空间的链接。

3、将你的图片插入到以下代码中:

     

<div class="J_TWidget" data-widget-config="{&quot;effect&quot;: &quot;fade&quot;, &quot;circular&quot;: true ,&quot;contentCls&quot;:&quot;taobaoux&quot;}" data-widget-type="Tabs" style="height:500px;overflow:hidden;">

<div class="taobaoux" style="height:500px;">

<div class="footer-more-trigger" style="width:1920px;height:500px;top:auto;padding:0px;border:none;left:50%;">

<div class="footer-more-trigger" style="width:1920px;height:500px;padding:0px;border:none;left:-960px;">

<div data-widget-config="{&quot;contentCls&quot;: &quot;taobaoux-com&quot;,&quot;navCls&quot;: &quot;bbs-taobaoux-com&quot;,&quot;effect&quot;: &quot;scrollx&quot;,&quot;easing&quot;: &quot;easeOutStrong&quot;,&quot;prevBtnCls&quot;:&quot;prev1920&quot;,&quot;nextBtnCls&quot;:&quot;next1920&quot;,&quot;autoplay&quot;: true,&quot;viewSize&quot;:[1920],&quot;circular&quot;: true}" data-widget-type="Carousel" class="J_TWidget">

<div style="height:500px;width:1920px;overflow:hidden;padding:0px;margin:0px;" class="ux1920">

<ul class="taobaoux-com" style="height:500px;width:1920px;padding:0px;margin:0px;">

<li style="width:1920px;height:500px;padding:0px;margin:0px;">

<a target="_blank" href="你的链接地址" style="padding:0px;margin:0px;"> 

                                                                  <img src="你的图片

</li>

</ul>

</div>

</div>

</div>

</div>

</div>

</div>

4、在淘宝店铺装修里面,添加自定义模块。

     如下图所示:

5、在自定义模块里面点击编辑——源码编辑

     如下图所示:

6、将步骤3的代码插入到步骤5里面,点击确定,预览即可看到效果。

《详细》教你淘宝基础版实现专业版装修

《详细》教你淘宝基础版实现专业版装修

3、关于淘宝基础版950PX宝贝推荐的制作:

此时应该准备工具为:PS dreamweaver

1、用PS制作一个950*1200PX尺寸的图片,然后将你的宝贝图片按照宝贝推荐        的样式P到你的这张图片上去。

2、使用PS切片工具将这张图片切片,切片时候要给单独的宝贝切片添加宝贝地      址,如下图:

3、切好图片后,然后点击PS左上角的  文件——储存为web所有格式。然后将      保存的html文件 插入到以下代码中:

    <div style="height: 高度px"> <div style="border-bottom: medium none; border-left: medium none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; border-top: medium none; top: auto; border-right: medium none; padding-top: 0px; left: -200px" class=footer-more-trigger> <div style="width: 950px; overflow: hidden">代码粘贴区域</div></div></div>

4、在淘宝店铺装修里面,添加自定义模块。  在自定义模块里面点击编         辑——源码编辑——将代码插入即可实现。

《详细》教你淘宝基础版实现专业版装修

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢