淘宝导航条和自定义缝隙该如何设置和去除?
5184人阅读
  •   电商卖家在某个平台申请开店成功之后,面临的首要问题不是运营技巧方面的,而是一些店铺内的基础操作。譬如淘宝卖家开店之后,面临的第一个问题是进行店铺装修和操作淘宝上下架。在店铺装修的过程中有一个导航条设置和自定义板块有缝隙存在的问题,这个缝隙存在会影响页面的美观,是需要去掉的,这种情况下新手卖家该如何操作呢?

    淘宝导航条

      卖家用户需要先进入到卖家中心界面,将自己店铺的宝贝分类设置好之后,再来操作淘宝导航条的设置,在进行导航条设置之前还需要卖家提前规划好自己的店铺需要植入哪些频道内容。

      计划好之后,卖家需要进入到店铺装修界面,选择操作的端口是电脑端还是无线端的展示设置,以PC端为例选择完成之后,进入到首页设置选项,点击装修页面后会出现新的界面,在这里就有店铺首页的版面布局以及进行板块分类和图片上传。在界面的顶部位置大家需要上传店铺的门头店招图片,在其下方防止,将鼠标放上去之后就会出现一个编辑的按钮,大家点击这个按钮,如图所示:

    首页.jpg

      这里就是大家进行店铺导航条设置的地方了,进入编辑会有一个添加的功能选项,点击这个添加将提前规划好的类目编辑进去,然后点击保存,就完成了。完成了导航条设置之后,在这块的内容和下面的自定义板块之间会有一个缝隙存在的,如图所示:

    1.jpg

      这个缝隙的存在会影响到首页界面的美观度和紧密度,能不能将它去除呢?是可以操作去除的,但操作起来有点麻烦需进行一些代码的更改,在自定义板块的编辑时是有代码显示的,大家需要在这些代码中找到下图红色方框标准的代码:

    3.jpg

      第一个方框是指自定义模块的高度原来是200px,大家需要减掉20px,200-20=180。第二个红色框内的css样式不用管,它是淘宝自带样式用于模块定位。第三个框内的top:-20px 是指模块上移20像素,left:auto 是模块自动向左,padding:0;是用于防止一些浏览器自带padding的间距,border:none;是防止一些浏览器的自带边框。一般需要大家改动的就是第一个框和第三个框里的内容了。

      大家还需要注意的是,如果大家获取的原始代码前面是div这种类型,在修改的时候就要将其设置为div,才能保持一致。看起来有点繁琐,大家需要多操作几次,看看前台显示的效果,反复摸索下也不是很难的。

      本文版权归作者丫头所有,独家授权于开淘网www.kaitao.cn,任何形式转载请联系作者。文章发布时间2018-12-24  16:35:39

      推荐阅读

      淘宝店铺首页导航栏怎么弄?在哪设置?

      淘宝店铺分类导航怎么做?如何做好网店分类导航?

      淘宝店铺首页图片化妆品导航怎么设置和添加?

    查看更多相似文章
    发表评论
    昵称
    问答
    网上开店
    淘宝运营
    活动大促
    其他

    ©Copyright ©2007-2017 www.kaitao.cn (开淘网) All Rights Reserved