店铺装修的关键应该是店铺搬家和导航。米色琢磨了半天，不知道该怎么划分这个教程的内容。为了方便，我们把它分成终端。

一：PC电脑端

店名:默认尺寸为950px*120px。一般情况下，我们会使用自定义商店标志。请注意，一般情况下，可点击的内容最好放在自定义模块中，因为超出950范围是不能点击的，另外使用其他方法去除溢出隐藏。

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

导航:默认尺寸为950px*30px。许多人更喜欢自定义导航，而不是默认导航。其实如果可以编码的话，用默认的导航条改成自己想要的就更好了。因为淘宝默认允许我们在导航模块中编写CSS代码来修改导航条样式效果。带有默认导航栏的导航效果更酷。

二:手机店招:没什么好说的。在装修背景中，我们只能更换店招背景图。建议尺寸为750px*254px。

因为手机太简单，这里就不赘述了。关注电脑端的商店技巧和自定义导航。

一：店招

默认尺寸只是淘宝建议的尺寸(宽度950像素，高度不超过120像素，否则导航显示可能会不正常)

很多朋友经常问，门店如何实现全屏店招。其实这里的全屏需要分两种情况:

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

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

其实全屏商店绝招很简单，比如你设计了一个商店绝招效果。将不需要更改或单独点击的部分保存为页眉、店牌+导航的背景(一般为1920px*150px)。

然后把需要点击更改的部分单独做出来，放在自定义店牌里。

就像PS层一样，背景层是商店内容层。上下两层。

注意，店铺招牌和导航的大小不是固定的，可以随意设置高度，甚至可以只使用招牌或导航模块。

二：店铺自定义导航

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

关于自定义导航有以下问题:

1-默认情况下，如果商店招牌的内容超出了商店招牌模块的范围，则商店招牌的内容将自动隐藏而不显示

换句话说，你可以自定义导航效果。你放了店铺招聘模块后，950px以上的区域会被隐藏，不显示。

自定义导航，一般由2部分组成。

1-导航栏(不知道怎么写代码可以用PS+DW做导航栏)

2-鼠标弹出后的二级分类

为了实现鼠标通过导航栏上面的分类弹出二级分类，我们需要使用淘宝WIDGET组件，弹出层。

让我们从一个简单的弹出层代码开始尝试效果。

& ltdiv class = " miseu " style = " height:120 px；宽度:200像素；"& gt米色:自定义导航

& ltdiv class = " J _ TWidget hidden " data-widget-type = " Popup " data-widget-config = " {

触发器“:”。miseu '，

对齐':{

节点“:”。miseu '，

偏移量':[0，0]，

点':['bc '，' tc']

}

} " & gt

& ltdiv style = " background-color:# 0CF；高度:200px宽度:190像素；"& gt

米色君被导航弹出。

& lt/div & gt；

& lt/div & gt；

当我们将上述代码全部放入自定义存储中时，会发现弹出的内容在源模式下并不显示。为什么？因为弹出内容在商店的950px区域之外，所以隐藏在视图之外。

那么我该怎么展示呢？

我们只需要做一个简单的操作，就是把上面的【自定义导航】代码放到商店里就可以自定义了。内容部分代码将弹出，并将其放在导航下的另一个自定义模块中。你会发现鼠标导航显示后弹出的内容。

但是需要注意的是，尽量不要把弹出内容部分的代码单独放到一个自定义模块中，否则我们会发现自定义模块消失了，看不到了。怎么解决？

很简单，把弹出代码放到一个已有内容的自定义模块里，源码模式就可以了。

如果需要弹出其他页面，需要将弹出内容代码放在其他页面中自定义模块。

2-定制店招优缺点对比

[存储默认导航]:

优点:可以通过CSS代码将导航栏修改成任何想要的效果。而且还可以做CSS特效。不用费心手动添加类别，店铺类别会自动显示。并且所有页面都可以弹出。

缺点:需要一定的代码基础来修改导航，才能达到想要的效果。

[自定义导航]:

优点:导航栏在成都定制的比较高，比如你想在导航栏上做一个搜索框。与修改默认导航相比，从某种意义上来说，这需要更少的代码。

缺点:没有办法弹出所有页面。(不过不用担心，进入装修页面，把弹出的代码放在详情页的自定义模块里)。而且如果店家没有CSS权限，很难实现CSS特效。

至于是用默认导航还是自定义导航，看个人情况了。

因为内容很多，所以没有说详细的装修方法，只是一些重要的技巧。稍后我会发布一些详细的装修教程空。关注微信官方账号，及时获取教程。