如何设计淘宝旺铺店铺导航

 时间:2026-02-15 20:58:44

1、如何编辑旺铺2012 的导航呢?进入店铺后台,选择导航处的”编辑“:

1.在打开的弹窗里面选择”添加“:

如何设计淘宝旺铺店铺导航

如何设计淘宝旺铺店铺导航

2、2.添加宝贝分类至导航操作如下:

如何设计淘宝旺铺店铺导航

3、3.添加页面至导航操作如下:

如何设计淘宝旺铺店铺导航

4、4.添加自定义链接至导航操作如下:

如何设计淘宝旺铺店铺导航

5、5.设置好的内容可以在此调整位置或删除:

如何设计淘宝旺铺店铺导航

6、6.在前台展示如下:

如何设计淘宝旺铺店铺导航

7、新旺铺导航是可以更换颜色和式样的哟 这里需要一些css的小技巧 。操作位置如下:

如何设计淘宝旺铺店铺导航

8、下面是自定义导航的示例. 首先要了解,什么是自定义css

CSS也叫层叠样式表单, 是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言

店铺导航开放css设定,就是说让卖家通过css来让导航展现的更加丰富自定义,交给卖家控制。

下面,举几个简单的例子来说明下这个功能的作用

上面 这个是店铺官方模板导航样式, 但是我觉得这个背景色我不喜欢,我想换一个背景颜色或者文字颜色, 在css里面,设置背景色使用background-color: #颜色值#, 文字颜色是 color: #颜色值#

【设置整个导航的背景】

.tshop-pbsm-shop-nav-ch{

background-color: #F37C06;

}

【设置导航中bd部分的背景】

.tshop-pbsm-shop-nav-ch .skin-box-bd{

    background-color: #F37C06;

}

【设置导航文字的背景,因为系统中默认有很多地方有背景,所以这个地方需要覆盖完全】

.tshop-pbsm-shop-nav-ch .link{

    background-color: #F37C06;

    background-image: none;

}

【设置文字颜色】

.tshop-pbsm-shop-nav-ch .title{

    color: white;

}

tshop-pbsm-shop-nav-ch 和 .title, .link…. 这些就是css的选择器,代表我想把哪个背景色或者文字颜色应用在哪个元素上面。看看效果:

如何设计淘宝旺铺店铺导航

  • 嘴角开裂怎么办
  • 走路走得脚疼怎么办
  • 银柴胡的功效与作用
  • V领条纹T恤如何穿搭比较好看
  • 锦绣杜鹃的养殖方法是什么?
  • 热门搜索
    送妈妈什么生日礼物好 小学运动会入场口号 地线的作用 头灯什么牌子好 硒的作用 美国西进运动 人物描写的作用 致跳远运动员广播稿 30万买什么车 洋甘菊的功效与作用