手机淘宝店首页底部导航栏怎么设置方法?

手机淘宝店首页底部导航栏怎么设置方法?,第1张

我们大家在淘宝上面购物的时候,不管进入到哪个淘宝店铺,都会去看导航栏,通过这个导航栏我们可以找到想要的商品。所以商家们要重视这方面的设置,淘宝店铺首页导航栏如何制作

步骤1;设计店招导航

打开photoshop(下面简称PS),新建一个1920X150像素文件,设计好自己的店招。

店招+导航尺寸详解。(①为什么宽度要是1920像素答;1920像素基本能支持所有电脑全屏展示。 ②高度为什么150px 答;店招高度120px,
红条导航30px。③主要内容要放在950X150px 居中部分。 )

设计好之后按照上面尺寸标示,储存一个全屏1920X150jpg文件,和一个950X150jpg文件,留好备用。

步骤2;给店招导航添加链接

这里要用到Dreamweaver,添加热点功能为导航添加链接,(这个方法加的链接
只能在店招导航上面用,不能在自定义内容区域使用,本人测试过)。

打开Dreamweaver →新建文档→ 空白 HTML(无)文档创建→ 菜单栏 点击插入 → 图像 →
找到自己的刚刚存放的文件950X150jpg文件→ 确定→ 确定。

上方--代码拆分设计--点击设计栏,在点击,下方属性能看见,箭头和矩形图形。

点击矩形,在要添加链接的上,画上矩形。 之后点击矩形,在链接的地方粘贴 点击跳转的网络地址。 目标选择—_blank
(单机链接后是新建一个页面跳转)

链接都添加完成后,点击上面的代码。复制这一份代码(去淘宝后台装修)。

步骤3;淘宝后台装修。

把刚刚复制好的代码,粘贴到(淘宝→卖家中心→店铺装修→店招右上角编辑,把刚开始做好的950X150jpg上传到淘宝空间,复制链接,替换下图中选着的部分。

下一步,装修后台左边选择页头,更换选择刚才做好的1920X150jpg。不平铺居中,应用到多有页面。

以上就是小编为大家带来的设置的方法了,这个导航栏其实就和导购一样,意义是一样的,好的导航栏可以带瞎消费者们找到自己想要的商品,所以制作它是非常的有必要的。

推荐阅读:淘宝店铺首页导航栏怎么弄在哪设置

淘宝店铺自定义设置导航栏的 *** 作步骤如下:

(1)登录卖家工作台。

(2)找到左侧店铺管理点击店铺装修。

(3)进入后台点击店铺装修。

(4)点击PC端。

(5)鼠标放置首页。

(6)点击装修页面。

(7)进入页面编辑。

(8)鼠标放置导航栏点击编辑。

(9)进入导航设置。

(10)点击显示设置。

(11)输入自定义代码。

(11)点击确定。

(12)点击发布站点即可。

淘宝店铺首页的店招的导航条:可通过卖家工作台-店铺装修-PC端-店铺招牌-自定义店铺招牌-尺寸设置成150px即可将系统导航条隐藏起来,具体 *** 作步骤如下:

(1)登录卖家工作台。

(2)点击店铺装修。

(3)进入后台点击店铺装修。

(4)点击PC端。

(5)鼠标放置首页。

(6)点击装修页面。

(7)进入页面编辑。

(8)店招点击编辑。

(9)点击自定义招牌。

(10)高度设置成150px(自定义招牌高度设置成150,系统导航被自定义招牌替代即可隐藏成功)。

(11)点击保存。

(12)点击发布站点。

(13)系统导航隐藏完成。

导航条就是让顾客可以清楚,快速的找到自己所要的东西的类目,而卖家可以把自己 要表达的重要内容添加在导航里,就像实体店里这边是日用品,那边是食品区,而另一边是促销的一样,如下图:

如果顾客点击早教玩具,就会把店铺里属于早教玩具类目的玩具全部显现出来,而点击店铺动态就会显示店铺的最新动态!

个人愚见,望采纳哦!

淘宝导航图通常写商品分类,商品推荐,搜索栏,会员专区,优惠专区等。
通常按位置可以将导航划分为三个区域:顶部导航:商品分类、搜索栏、自定义页面(品牌故事、会员专区、购物须知等)。左侧栏:商品分类、收藏按钮、在线客服、热销热藏、商品推荐、其他超链(手机店铺、加入帮派等)。自由导航:(文字)+超链(可以指向某一分类或自定义页面,多数用于活动,可摆放在页面的任意位置)
很多卖家为了页面美观,特意将导航设计为“漂亮的+超链”的形式,而不是常规的下拉分类形式。其实从用户体验的角度来讲,大多数的淘宝买家已经习惯了简单、常规且“不漂亮”的分类导航。如果店铺导航的设计会让买家花费很多时间去思考,下一步该点击什么?那这个顶部导航的设计就是失败的,因为它违背了导航以“快为先“的原则。而且假若店铺商品比较多,但又想将分类划分很细致的话,那么950px其实是远远不够的。在分类页面上,给商品分类的方式很多,需要记住:“舒服和准确是比漂亮更高层次的艺术”。


DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
乐在赚 » 手机淘宝店首页底部导航栏怎么设置方法?

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情