淘宝自定义导航栏怎么设置?css代码有哪些?

2019-07-25 09:26:43 阅读(10901)

  我们在逛淘宝的时候都会看到店铺有导航栏,分别会有宝贝、新品、活动、微淘等等,设置导航栏的目的是方便买家进入店铺后可以快速根据自己的购物需求进行选购,这样也能在最短的时间里将顾客留下,那么淘宝自定义导航栏怎么设置?

淘宝导航栏

  第1步:进入店铺装修后台 鼠标移到导航条上面点击编辑。

淘宝导航栏

  第2步:在弹出的窗口点击添加。

淘宝导航栏

  第3步:弹出窗口后 选择您要添加的分类 分类前面打钩 然后点击确定。

3.jpg

  第4步:之后显示的是淘宝原生导航,按照第一步点击编辑、第二步点击显示设置,现在开始添加css代码基本代码如下:

  /* 导航栏目背景色*/

  .skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;

  /*分类背景色*/

  .all-cats .link{background: none repeat scroll 0 0 #00ad08;}

  /*分类右边线*/

  .all-cats .link{border-right:1px #006205 solid;}

  /*分类文字颜色*/

  .skin-box-bd .all-cats .title{color:#ff0000}

淘宝导航栏

  将以上代码复制粘贴带页面显示点击确定,斜体为颜色代码,可以自行更改,点击确定之后可以看到导航栏 有了变化。

  商家也可以在添加了分类后添加其它的页面,比如店铺活动页等,根据自己店铺内所做的有关活动,添加上去,让顾客一来到店铺可以看到入口点击进去,提高转化。添加链接,可以是一个类目的链接,也可以是淘宝站内的链接,或者天天特价的链接等。

  假如说导航栏设置了店铺活动之后,这样消费者进入店铺之后就很容易看到,而且可以直接进入活动页面,从而促成交易。比如做了店铺红包活动,它展现的位置就在店铺活动,店铺活动放在了导航栏,顾客进来就可以看到红包可领!

  推荐阅读:

  淘宝详情页怎么装修?高转化率详情页制作技巧

  淘宝店铺装修多少钱?价格贵不贵?

  淘宝店铺怎么装修?店铺装修教程介绍

相关阅读
拓展阅读
拼多多稳定出评,一号一拍,指定评语和晒图,出评率95%以上。
2025-04-08
关注有礼、定向促销、收藏加购、动态红包、预热打折、智能推荐、手机海报、评价管理等等....淘宝拼多多开店必备!现在免费送!
2025-04-08
在电商蓬勃发展的今天,淘宝作为国内最大的电商平台之一,其客服岗位一直备受求职者关注。那么,想要成为淘宝客服,应该去哪里应聘呢?下面我们就来给大家讲解一下。
在淘宝购物,我们时常会遇到商家发货不及时的情况。为了保障消费者的权益,淘宝平台推出了“晚发必赔”政策。那么,淘宝晚发必赔具体是怎么赔的呢?下面我们就来给大家讲解一下。
在淘宝购物的过程中,我们时常会对购买的商品进行评价,分享自己的购物体验。然而,有时候我们可能会因为各种原因想要删除已经发表的评价。那么,淘宝删除评价应该怎么操作呢?下面我们就来给大家讲解一下。
在电商购物日益普及的今天,淘宝平台店铺类型多样,淘宝企业店铺作为其中一类,吸引着众多消费者的目光。然而,面对琳琅满目的商品和各式各样的店铺,人们不禁会问:淘宝企业店铺可以信任吗?下面我们就来给大家讲解一下。
在淘宝这个庞大的电商世界里,店铺类型多样,其中淘宝官方企业店常常吸引着众多消费者的目光。然而,不少人对淘宝官方企业店的具体含义并不十分清楚,下面就为大家详细解读。
在电商蓬勃发展的当下,淘宝平台店铺类型多样,淘宝官方企业店铺成为不少消费者购物时的选择之一。然而,对于这类店铺的真实性,很多人存在疑问,究竟淘宝官方企业店铺是真是假呢?下面我们就来给大家讲解一下。
在电子商务蓬勃发展的今天,淘宝平台上的企业店铺日益增多,为消费者提供了更为丰富多样的购物选择。然而,随着市场的扩大,商品的真伪问题逐渐成为消费者关注的焦点。那淘宝里企业授权啥意思?下面我们就来给大家讲解一下。
淘宝平台凭借其庞大的用户基础和丰富的商品种类,一直是众多商家和消费者的首选。然而,在淘宝平台上开店,尤其是开设企业店铺,却并非人人都能轻松驾驭。那千万别搞淘宝企业店铺是为什么?下面我们就来给大家讲解一下。
淘宝作为国内领先的电商平台之一,汇聚了海量的商品和店铺,为消费者提供了丰富的购物选择。然而,随着市场的扩大,商品的真伪问题也逐渐成为消费者关注的焦点。那淘宝官方企业店是正品吗?下面我们就来给大家讲解一下。
动态卖点图-商家操作手册
2024-12-06 10:52:23 阅读(6909)
热门文章
推荐阅读
最新专题