淘宝旺铺智能版装修教程,淘宝智能版怎么改回基础版

拼多多运营 2021-06-08 20:23:31

店铺装修的关键要看店铺招聘和导航。米色想了很久,不确定该如何划分本教程的内容。为了方便,按端子划分。

一:PC电脑端

店招:的默认大小是950像素* 120像素。一般我们会用定制店铺的招数。注意一般可点击的内容,最好放在自定义模块里,因为950范围外不能点击,用其他方法去除溢出和隐藏。

如果店招导航背景:是专业版,智能版可以直接在装修页面的页眉设置中添加背景图片。如果是商店的基础版,只能通过固定背景或者导航栏背景来实现(我也发过这个教程,注意米色查看)

导航:的默认大小是950像素* 30像素。很多人不喜欢用默认导航,而是选择自定义导航。事实上,如果您知道代码,请使用默认导航栏将其修改为您想要的效果。因为淘宝默认允许我们在导航模块写CSS代码来修改导航条的样式效果。默认导航栏的导航效果更酷。

二:手机移动端

店铺招聘:没什么好说的。在装修的背景中,只能替换店铺招聘的背景图片。推荐尺寸750px*254px

因为手机太简单,这里就不多赘述了。专注于电脑端店铺招聘和定制导航。

一:店招

默认大小仅为淘宝建议的大小(宽度为950像素,高度不建议超过120像素,否则导航显示可能会出现异常)

很多朋友经常问,如何在店铺实现全屏店铺招聘?事实上,这里的全屏需要分为两种情况:

950px以外的,可以点击。(这个默认淘宝是不允许的,除非你买了模板或者用其他破解方法)

可以在950px范围内点击(一般我们主要做这个)

其实全屏店铺招数很简单,比如你设计了一个店铺招数效果。你把不需要更改或者单独点击的部分存储为页眉的背景,商店招导航(一般1920px*150px)

然后,把需要点换的部分单独做出来,放到定制店里。

原理和PS层一样,背景层是店铺招聘内容层。一上一下,两层楼。

注意店铺招聘和导航的大小。您可以随意设置高度,即使您只使用店铺招聘模块或导航模块。

二:店铺自定义导航

这里提到的自定义导航是相对于默认导航的。因为有些人不懂代码,无法修改默认导航,只能通过自定义导航来达到效果。(注意:自定义导航代码只能放在店铺招聘模块中)

关于自定义导航有几个问题:

1-店铺默认情况下,店招里面的内容,如果超过店招模块的范围会自动隐藏不显示

换句话说,如果自定义导航效果,超过950px的区域会被隐藏,在店铺招聘模块发布后不显示。

自定义导航通常由两部分组成

1-导航条(如果不懂代码编写的话,可以使用PS+DW来制作导航条)

2-鼠标经过弹出的二级分类

strong>


要想实现鼠标经过导航条上面的分类弹出二级分类,我们就需要用到淘宝WIDGET组件,弹出层。


首先我们来一个简单的弹出层代码来试试效果


<div class="miseu" style="height:120px; width:200px;">米色:自定义导航</div>


<div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{


'trigger':'.miseu',


'align':{


'node':'.miseu',


'offset':[0,0],


'points':['bc','tc']


}


}">


<div style="background-color:#0CF; height: 200px; width: 190px;">


米色君被导航弹出了


</div>


</div>


当我们把上面代码全部放进自定义店招,源码模式下的话会发现,弹出的内容,没有显示,为什么呢?因为弹出的内容在店招的950px区域外,所以隐藏起来了看不到。


那么怎么才能显示出来呢?


我们只需要做一个简单的操作即可,就是把上面【自定义导航】代码放店招自定义里面。将弹出内容部分代码,放导航下面的另一个自定义模块里面。就会发现鼠标经过导航弹出的内容就显示了。



但是需要注意,尽量不要把弹出内容部分的代码,单独放到一个自定义模块里面,不然到时候会发现自定义模块消失看不到了,怎么解决呢?


很简单,把弹出的代码,放到一个已经有内容的自定义模块,源码模式上面就可以



如果需要其他页面也弹出来,就需要在其他页面再把弹出内容代码放进去自定义模块


2-自定义店招的优劣对比


【店铺默认导航】:


优势:可以通过CSS代码,将导航条修改成任意你想要的效果。并且还能做CSS特效。还不需要那么麻烦手动添加分类,自动就会显示店铺分类。并且所有页面都可以弹出来。


劣势:需要一定代码基础,才能修改导航实现想要的效果


【自定义导航】:


优势:导航条自定义成都更高,比如想在导航条上面做一个搜索框等。相对修改默认导航,某种意义说这个对代码要求更低点


劣势:没办法所有页面都弹出。(不过也不需要担心,进入装修页面,将弹出部分的代码,放到详情页的一个自定义模块里面即可)。而且店铺没有CSS权限的话,很难实现CSS特效。


至于是想用默认导航还是自定义导航,看个人情况选择即可。


因为内容比较多,详细的装修方法没有说,只是说了一些有点重要的技巧,以后有空再发布一些详细的装修教程。大家关注公众号,及时获取教程。


相关文章

热门文章

最近发表