壮元彩票城导航网 | 设为首页 | 加入收藏
注册 | 登录 | 发布投稿

壮元彩票城导航网 www.ixhb0.com.cn 高转化率网店装修的重要性有哪些?

手机淘宝店铺详情页装修图片尺寸以及注意事项

新手须知:手机淘宝店铺装修注意事项

淘宝店铺装修这4个要点一定要注意

淘宝电梯??槿绾胃谋渫计笮??经验分享

淘宝详情页装修设计优化有妙招

淘宝网店装修还可以防止图片被盗

新手卖家装修淘宝网店需要做哪些准备工作

淘宝网店导航栏装修方法与注意事项

淘宝网店首页装修布局有三点不容忽视

高转化率网店装修的重要性有哪些?

手机淘宝店铺详情页装修图片尺寸以及注意事项

新手须知:手机淘宝店铺装修注意事项

淘宝店铺装修这4个要点一定要注意

淘宝电梯??槿绾胃谋渫计笮??经验分享

淘宝详情页装修设计优化有妙招

淘宝网店装修还可以防止图片被盗

新手卖家装修淘宝网店需要做哪些准备工作

淘宝网店导航栏装修方法与注意事项

淘宝网店首页装修布局有三点不容忽视

壮元彩票城官方网:淘宝/天猫店铺店招导航装修的技巧

来源: | 2017-11-21 01:27:26 | 人气: 次    

导读:店铺装修其中比较关键的应该算是店招和导航了吧。米色思索了半天,也没确定好该如何对这篇教程的内容分块,为了方便就按照终端划分吧

店铺装修其中比较关键的应该算是店招和导航了吧。米色思索了半天,也没确定好该如何对这篇教程的内容分块,为了方便就按照终端划分吧。


一:PC电脑端


店招:默认尺寸为950px*120px 一般我们会使用自定义店招,注意一般情况下,可点击的内容部分,最好放自定义??槔锩?,因为超过950范围 不能点击,用其他方法去掉溢出隐藏。

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

导航:默认尺寸950px*30px 很多人不喜欢用默认导航,而选择自定义导航。其实如果会代码,使用默认导航条修改成你想要的效果更好。因为淘宝默认是允许我们在导航??槔锩姹嘈碈SS代码来修改导航条样式效果。用默认导航条做的导航效果更炫酷。

二:手机移动端


店招:没什么好说的,在装修后台,我们只能替换店铺店招背景图,建议尺寸750px*254px


因为手机端太过简单,这里就不啰嗦了。重点说下电脑端店招和自定义导航的事情。


一:店招


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


很多朋友经常问,怎么在店铺实现全屏店招。其实这里的全屏需要分2种情况:


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

店招950px范围以内可以点击(一般我们主要是做这种)

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

然后把需要点击和变动的部分,再单独做出来,放自定义店招里面。

原理跟PS图层一样,背景层 上面是店招内容层。一上一下,两层。

注意店铺店招和导航的尺寸不是固定就那么大,你可以随意设置高度,甚至是你只用店招??榛蛘叩己侥?槎伎梢?。


二:店铺自定义导航


这里说的自定义导航是相对于默认导航来说的。因为有些人不懂代码,修改不了默认导航,所以只能通过自定义导航来实现效果了。(注意:自定义导航代码,只能放店招??槔锩妫?/p>


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


1-店铺默认情况下,店招里面的内容,如果超过店招??榈姆段Щ嶙远夭幌允?/p>


换句话说就是你自定义做好的导航效果,放店招??楹?,超过950px区域就会隐藏不显示。


自定义导航,一般包含2部分


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


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


要想实现鼠标经过导航条上面的分类弹出二级分类,我们就需要用到淘宝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区域外,所以隐藏起来了看不到。


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


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

淘宝/天猫店铺店招导航装修的技巧

但是需要注意,尽量不要把弹出内容部分的代码,单独放到一个自定义??槔锩?,不然到时候会发现自定义??橄Э床坏搅?,怎么解决呢?


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

淘宝/天猫店铺店招导航装修的技巧

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


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


【店铺默认导航】:


优势:可以通过CSS代码,将导航条修改成任意你想要的效果。并且还能做CSS特效?;共恍枰敲绰榉呈侄砑臃掷?,自动就会显示店铺分类。并且所有页面都可以弹出来。


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


【自定义导航】:


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


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


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


因为内容比较多,详细的装修方法没有说,只是说了一些有点重要的技巧,以后有空再发布一些详细的装修教程。


淘宝店铺装修模板

相关推荐

高转化率网店装修的重要性有哪些? 高转化率网店装修的重要性

现在随着网店数量增加,在我们的身边已经有很多网购行为,年轻人们也经?;崛ネ辖型?。进行网购过的人一定有这样的体验,进入一家淘宝页面之后,给你的整体感觉怎样就决定了你

手机淘宝店铺详情页装修图片尺寸以及注意事项 手机淘宝店铺详情页装修图

手机端淘宝的流量越来越大,网购买家用手机来进行购物,越来越普遍,这时候手机淘宝详情页装修必定要比PC端设计得更加精美,那么手机淘宝详情页装修图片尺寸和注意事项有哪些呢?装

淘宝店铺装修模板
 

淘宝推广教程

  • 高转化率网店装修的重

    现在随着网店数量增加,在我们的身边已经有很多网购行为,年轻人们也经?;崛ネ?/span>
  • 手机淘宝店铺详情页装

    手机端淘宝的流量越来越大,网购买家用手机来进行购物,越来越普遍,这时候手机淘宝
  • 新手须知:手机淘宝店铺

    最近两年手机购物的发展速度相信是众所周知的,网购买家的行为习惯的改变,对于淘
  • 淘宝店铺装修这4个要

    店铺装修是一个店铺的门面功夫,让人爽心悦目的店铺装修能让买家停留的时间更长
  • 日本大阪6.1级强震4死逾300伤 工厂及店铺恢复运营 2018-12-15
  • [网连中国]赛龙舟 包粽子 办诗会……全国各地品民俗迎端午 2018-12-15
  • 国务院关税税则委员会关于对原产于美国500亿美元进口商品加征关税的公告 2018-12-15
  • 杭州市上城区:“民情E点通”打造基层社会治理的创新样板 2018-12-14
  • 云南首例导游强迫交易案公开宣判 2018-12-14
  • 平昌冬奥会冠军武大靖低调回家乡利辛探亲祭祖 2018-12-14
  • “中国制造”闪耀世界杯令国人骄傲 2018-12-13
  • 4096级按压!三星新款笔记本开启预购:支持360°翻转 2018-12-13
  • 《青春之歌》咏叹梦想 2018-12-12
  • 2018年石家庄高中招生计划出炉,家有中考生的快收藏! 2018-12-12
  • 南宁市青年志愿者热情服务展青春风采 2018-12-12
  • 中国对原产美500亿美元进口商品加征关税(附清单) 2018-12-11
  • 江汉区国税局四个抓手助推内控机制建设不断深化 2018-12-11
  • 【聚焦】50余位网络代表人士齐聚中央统战部,共话网络同心圆! 2018-12-11
  • 男子莫名成“罪犯”为何9年不纠正?警方:他从未反映 2018-12-11
  • 937| 961| 413| 792| 222| 147| 30| 106| 228| 377|