当前位置: 赤蜂网 > 淘宝>正文

淘宝导航栏自定义怎么设置「店铺导航栏装修技巧」

  • 店小二整理
  • 2024-04-13 13:57:01

【温馨提示】本文共有2603个字,预计阅读完需要7分钟,请仔细阅读哦!

淘宝导航栏自定义怎么设置「店铺导航栏装修技巧」

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

一:PC电脑端

店招:

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

店招导航背景:

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

导航:

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

二:手机移动端

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

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

一:店招

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

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

店招950px以外部分可以点击。(这个默认淘宝是不允许的,除非购买模板或者用其他破解方法实现) 店招950px范围以内可以点击(一般我们主要是做这种)

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

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

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

注意店铺店招和导航的尺寸不是固定就那么大,你可以随意设置高度,甚至是你只用店招模块或者导航模块都可以。

二:店铺自定义导航

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

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

1-店铺默认情况下,店招里面的内容,如果超过店招模块的范围会自动隐藏不显示

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

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

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

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

要想实现鼠标经过导航条上面的分类弹出二级分类,我们就需要用到淘宝WIDGET组件,弹出层。

首先我们来一个简单的弹出层代码来试试效果

<p class="miseu" style="height:120px; width:200px;">米色:自定义导航</p>

<p class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{

'trigger':'.miseu',

'align':{

'node':'.miseu',

'offset':[0,0],

'points':['bc','tc']

}

}">

<p style="background-color:#0CF; height: 200px; width: 190px;">

米色君被导航弹出了

</p>

</p>

当我们把上面代码全部放进自定义店招,源码模式下的话会发现,弹出的内容,没有显示,为什么呢?因为弹出的内容在店招的950px区域外,所以隐藏起来了看不到。

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

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

但是需要注意,尽量不要把弹出内容部分的代码,单独放到一个自定义模块里面,不然到时候会发现自定义模块消失看不到了,怎么解决呢?

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

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

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

【店铺默认导航】:

优势:可以通过CSS代码,将导航条修改成任意你想要的效果。并且还能做CSS特效。还不需要那么麻烦手动添加分类,自动就会显示店铺分类。并且所有页面都可以弹出来。

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

【自定义导航】:

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

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

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

【进阶知识】

淘宝卖家中心在哪里打开「淘宝网卖家中心快捷入口」

淘宝卖家中心的操作

熟悉界面及操作

方法/步骤

1. 卖家中心"是卖家店铺的"总控制室",几乎所有的操作都可以从"卖家中心"进入,无论是交易处理、客户服务、推广营销还是店铺装修都可以在这里找到入口。 卖家中心有横纵两排入口,横向是"账号管理"、"官方信息中心"、"卖家地图"三个部分,是卖家了解淘宝官方动向和资源的三个入口,纵向是卖家店铺管理内部管理的入口。 纵向入口在卖家中心左侧,也是卖家日常操作的最主要区域,笔者将对此进行详细阐述。横向入口将做简略阐述。

2. 快捷入口

"快捷入口"是方便卖家自由选择常用操作入口的区域。在"快捷入口"项下的"设置"中,勾选常用的操作,最多10个,单击"设置"按钮即可完成。

3. 我购买的服务

"我购买的服务"是对已经购买的服务进行快捷操作的入口,可以查看已经购买的服务,管理订购的服务。

4. 交易管理

"交易管理"是对交易相关内容进行查看和操作的板块。卖家可以看到自己所有的交易内容,这里也放置了完成交易所必须的物流工具。 买家拍下商品后,卖家即可以在"已卖出的宝贝"中看到详细的交易记录。在这里我们在每条订单的右边可以看到交易的状态,买家是否已付款、订单是否已发货、买家有没有申请退款等。在页面顶部有自定义的订单搜索,在订单信息的上方有交易和评价状态的快捷导航。卖家可以设定条件查询想要的订单记录。 "发货"是对已付款的交易进行发货操作,在这里还可以对已发货的交易进行查看和管理。 "物流工具"是对卖家发货可能遇到的物流问题进行查询和处理的小工具。卖家可以在这里设置运费模板,查询物流派送区域、运费、时效等信息。 "我有货要运输"是卖家帮助一些不会在网上购物的买家下单的工具。 "物流指数"是对店铺发货速度的记录和展示,用于提醒卖家缩短发货时间,提升效率。 "评价管理"与买家的界面非常相似,在这里不再赘述。

5. 宝贝管理

"我要卖"是发布新商品的入口。 "出售中的宝贝"是对已经发布的在线宝贝进行查看和管理的入口、。在这里可以快速编辑宝贝标题、数量、价格,可以迅速复制宝贝链接、设置橱窗推荐等,也可以下架和删除在线的宝贝。在页面上半部分,也配置了宝贝搜索栏,方便卖家快速找到想找的宝贝。

6. 店铺管理

单击查看"我的店铺",可以直接从后台进入自己店铺的首页。刚刚经过装修的店铺也可以由此观看装修效果。店铺装修是对网店进行装修美化的入口。店铺装修的具体操作将在后面的章节详细阐述。 图片空间用来存放店铺装修及运营需要的图片,有30MB免费的空间可以使用,可以通过订购来扩大容量。 "宝贝分类管理"对店铺左侧栏中宝贝的分类板块进行管理。这在后面的店铺装修的章节中将详细介绍。 "店铺基本设置"是对店铺基础资料的公示,可以展示店铺的实体情况,需要如实填写。 单击"手机淘宝店铺"进入手机淘宝店铺后台。在这里,可 以进行手机店铺的装修和设置促销活动。 "域名设置"一栏中可以免费注册一个自己喜欢的二级域名。 单击"掌柜推荐",可以设置推荐店铺的热卖款,推荐的商品将在其他窗口被买家看到,起到推广的作用。 "媒体中心"为卖家提供了可以订购的视频工具。 "淘宝贷款"是阿里巴巴旗下阿里小额贷款有限公司为淘宝卖家提供的金融服务,需要卖家信誉积累到一定程度才可以申请。子账号管理"是店铺客服管理的工具,在这里可以开通和设置E客服,增加店铺管理效率,相关内容在后面的章节将做详细的介绍。

7. 货源中心

"货源中心"是进货和分销代理中心,可以在这里寻求或者发布货源。

8. 营销中心

"营销中心"是店铺所有营销活动的入口。在"促销管理"中我们可以找到限时打折、搭配套餐、满就送等营销工具。单击"数据分析"进入店铺的数据页面,或者在已订购的服务中进入量子统计和数据魔方,可以对我们店铺日常运营数据进行分析。"我要推广"这一栏可以引导我们进入淘宝各大推广资源的入口,包括直通车、钻石展位等。

9. 客户服务

"客户服务"是对一些交易的特殊情况的查询和处理窗口。 "消费者保障服务"一栏可以看到我们加入的消费者保障服务以及其他的增值服务。 "淘宝认证"是对卖家身份信息的官方确认,在网上开店的卖家需要公示自己的身份信息才可以开店。 退款、维权、举报、投诉、咨询回复、违规记录等是买卖双方发生纠纷,或者卖家违规等情况的管理入口。在这里可以查看事情的发展进度,如果未能及时处理相关的事项,有可能导致扣分等店铺处罚。

10. 友情链接

"友情链接"可以进入阿里巴巴旗下的其他三个电子商务平台网站:支付宝、全球速卖通和淘工作。 在"卖家中心"的中心部分有几大板块。

(1)店铺的基本情况,可以看到店铺的动态评分等基本情况。

(2)卖家工作台可以看到近期的店铺数据和支付宝快捷入口等。

(3)消保服务板块可以看到店铺服务的基本指标,可以显示店铺运营状况是否健康。

(4)在官方信息中心可以订阅最新的官方信息。淘宝的规则及类目的通知都在这个地方发布。

(5)在商家培训板块可以看到淘宝大学的相关课程,也可以直接进入学习中心学习。

(6)为了方便卖家的后台操作,卖家中心提供了卖家自定义添加模块的功能,卖家可以根据自身的需要选择需要添加的模板。


淘宝装修代码教程「淘宝店铺装修自定义全屏代码」

淘宝详情页模块怎么设置「淘宝手机端自定义模块及教程」

手机端淘宝店铺装修介绍「淘宝店铺无线端自定义装修教学」

淘宝上架宝贝颜色分类自定义「发布宝贝自定义属性及规则」

淘宝助理如何批量设置运费模板「淘宝助理自定义打单设置方法」

【本文标题和网址】淘宝导航栏自定义怎么设置「店铺导航栏装修技巧」 http://www.cftyj.cn/taobao/2024041346350.html
内容更新时间(UpDate): 2024年04月13日 星期六

猜你喜欢

最新文章