首页 爱情文章 亲情文章 友情文章 生活随笔 校园文章 经典文章 人生哲理 励志文章 搞笑文章 心情日记
  • 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
    •
    当前位置: 山茶花美文网 > 经典文章 > 正文

    【淘宝店铺导航装修怎么编辑？】淘宝店铺怎么编辑衣服的名字

    时间：2020-05-24来源：山茶花美文网 本文已影响 人 山茶花美文网手机站

    1、首先，登录“卖家中心”，点击“店铺装修”，选择导航处的“编辑”一项。

    淘宝店铺导航装修怎么编辑？1

    2、在打开的弹窗里面选择“添加”。

    淘宝店铺导航装修怎么编辑？2

    3、添加宝贝分类至导航操作如下：

    淘宝店铺导航装修怎么编辑？3

    4、添加自定义页面(基础页面)至导航操作如下：

    淘宝店铺导航装修怎么编辑？4

    5、添加自定义链接至导航操作：

    淘宝店铺导航装修怎么编辑？5

    6、设置好的内容可以在此调整位置或删除：

    淘宝店铺导航装修怎么编辑？6

    7、当上述操作完成后，在前台展示效果如下：

    淘宝店铺导航装修怎么编辑？7

    此外，导航条的颜色也可以进行自定义更换设置，不过需要一些css的小技巧。

    详解淘宝店铺导航CSS代码使用修改技巧

    1、首先我们进入到店铺的装修页面，将鼠标放在导航上面会出现“编辑”字样，单击，选择“显示设置”选项卡

    淘宝店铺导航装修怎么编辑？8 淘宝店铺导航装修怎么编辑？9

    2、修改导航分类下面的背景色，代码如下：

    .skin-box-bd .link{background:#000000;}

    效果如下

    淘宝店铺导航装修怎么编辑？10 淘宝店铺导航装修怎么编辑？11

    3、如果你想要更加个性，而不想只要简单的纯色块的话，可以自己做图片，然后连接上去，代码如下：

    .skin-box-bd .link{background:url(/imgextra/i3/682206429/T210IOXCdXXXXXXXXX_!!682206429.jpg);}

    将“图片连接”换成你的图片的连接就可以了，一般都是自己做好然后上传到淘宝图片空间，然后链接就可以了!在图片空间点击对应图片下方的“链接”按钮可以直接复制图片链接，替换到代码里就可以了!

    淘宝店铺导航装修怎么编辑？12 淘宝店铺导航装修怎么编辑？13 淘宝店铺导航装修怎么编辑？14

    4、导航背景色代码(除去“所有分类”)如下：

    .menu-list .link{background:#000000;}

    淘宝店铺导航装修怎么编辑？15

    5、导航栏文字(除去“所有分类”)如下：

    .menu-list .menu .title{color:#颜色代码;font-size:字号px;}

    淘宝店铺导航装修怎么编辑？16

    6、“所有分类”的背景色代码如下：

    .all-cats .link{background:#000000;}

    淘宝店铺导航装修怎么编辑？17

    7、“所有分类”的文字代码如下：

    .all-cats .link .title{color:#颜色代码;font-size:字号px;}

    淘宝店铺导航装修怎么编辑？18

    8、二级分类文字代码如下：

    .popup-content .cats-tree .fst-cat .cat-name{font-size:字号px;color:#颜色代码;font-weight:bold/bolder/normal;}

    淘宝店铺导航装修怎么编辑？19 淘宝店铺导航装修怎么编辑？20

    9、二级分类背景代码如下：

    .popup-content{background:#000000;}

    淘宝店铺导航装修怎么编辑？21

    10、三级分类文字代码(除去“所有宝贝”分类)如下.popup-content .cats-tree .snd-pop-inner{font-size:字号px;color:#颜色代码;font-weight:bold/bolder/normal;}

    淘宝店铺导航装修怎么编辑？22 淘宝店铺导航装修怎么编辑？23

    11、一级导航分类(除去“所有宝贝”分类)分隔线颜色代码如下：

    .menu-list .menu{border-color:#FFFFFF;}

    淘宝店铺导航装修怎么编辑？24

    12、鼠标滑过一级分类导航文字变换背景色代码如下：

    .menu-list .menu-hover .link{background:#000000;}

    淘宝店铺导航装修怎么编辑？25

    13鼠标滑过一级分类导航文字变换颜色代码如下：

    .menu-list .menu-hover .link .title{color:#FFFFFF;}

    淘宝店铺导航装修怎么编辑？26

    注意事项

    注意颜色代码的提取，可以用PS等工具选择你喜欢的颜色

    制作图片链接时，注意图片的大小

    • 【淘宝店铺导航装修怎么编辑？】淘宝店铺怎么编辑衣服的名字 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全

    最新文章

    热点文章

    推荐访问

    军训远足心得体会 军训爬山心得体会 大学军训徒步拉练感想 军训徒步作文 军训徒步10公里感想 军训徒步心得体会 5分钟演讲中秋节节日 中秋一分钟演讲 中秋节演讲稿4分钟 中秋节演讲稿一分钟 中秋节演讲稿五分钟 3-5分钟 中秋节短篇演讲稿 中秋节演讲稿两分钟 中秋节的演讲稿3分钟 关于中秋节的演讲稿三分钟 孩子体验军训的心得 参加孩子军训活动的感受与收获 家长对孩子军训后的收获和感悟 小孩军训的收获与感悟 学生军训的收获与感悟 孩子军训成长过程家长感悟 孩子军训感悟 孩子军训心得体会 孩子军训的收获与感悟 兵役前训练心得体会 部队当兵的心得 新兵役前教育训练心得体会 预备役军训心得体会 新兵军训感悟

    本文【淘宝店铺导航装修怎么编辑？】淘宝店铺怎么编辑衣服的名字由山茶花美文网整理提供，版权归原作者、原出处所有。

    Copyright © 山茶花美文网 All Rights Reserved.