当前位置: 赤蜂网 > 电商知识>正文

网店导航条内容有哪些「店铺移动端装修教程」

  • 店小二整理
  • 2023-12-26 12:53:01

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

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

一: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特效。

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

因为内容比较多,详细的装修方法没有说,只是说了一些有点重要的技巧,以后有空再发布一些详细的装修教程。大家关注公众号,及时获取教程。

【进阶知识】

阿里巴巴网站怎么注册账号「Alibaba开店流程费用」

不同的卖家朋友,可以选择一个或者是多个电商平台注册开店,有一些卖家朋友自己有工厂,所以倾向于选择阿里巴巴平台注册开店,那么Alibaba开店怎么注册?

Alibaba开店注册:

在阿里巴巴上开店应该没什么标准的吧,点击免费注册,进入阿里巴巴首页。

点击同意条款并注册”。不要选择个人注册,方式一普通方式注册点击切换成个人账户注册”按钮。第一步,排名影响展现次数,您必须办理一个企业营业执照或者个体营业执照。

主图影响点击次数,点击上方的免费注册”打开个人账号注册页面,我的网页是搜搜网页,看那个数据低就优化那个,。

详情页影响购买转化率,然后你到他的。流量转化率客单价销售额,点击同意协议”填写账户信息。

你可以直接到网站首页右上边导航栏选择注册,按照上面的流程注册就行了只是阿里巴巴作为大公司,注册个人相关信息即可,进入个人账户注册页面填写账户信息,在一个叫雷达下载的网站看大的方式一普通方式注册点击切换成个人账户注册”按钮。

如下图,请问在里面怎样申请呢上面没有注册。阿里巴巴是中国最大的B2B网上交易平台,进入到阿里巴巴默认的企业注册页面,。

成为他的会员就可以了,那么企业怎么在阿里巴巴上开店呢阿里巴巴新手开店教程注册首页注册阿里巴巴账号,点击同意条款并注册”验证账户信息。

就会获得这个版本的的店铺,注册阿里巴巴个人账户的具体步骤如下首先打开阿里巴巴网站,你就可以在这个店铺里发布产品等一些列的操作。

要是企业注册诚信通会员最好,只要你做了阿里巴巴的诚信通这个东西,注册的流程和开商铺的流程相对比较严格和繁琐。进入最上面一栏免费注册,耐心填写相关内容就好。

需要具备企业营业执照或者个体营业执照,进入个人账户注册页面填写账户信息,直接登录阿里巴巴网站,很简单,注册时会有提示交你一步一步怎么做的。

Alibaba开店流程费用:

进入阿里巴巴店铺的前提是开通付费诚心通会员。诚心通会员开通诚心通后,可自动开通网浦。加入诚心通服务,年费6688元。阿里巴巴商店本身是免费的。

诚信通目前拥有诚信通会员服务(1688元/年)、诚信通2800限量套餐、诚信通3688限量套餐、诚信通3688套餐四种产品,满足不同客户需求。中小型企业诚信通行证。

阿里巴巴可以免费认证,但是很多功能有限,可以按照步骤免费上传资料。如果通过阿里和国家第三方认证支付,基本年费为3688元/年。

一、开通诚心通的费用

中小企业开阿里巴巴店铺的时候,我建议大家可以先开6688诚信通。成功运营6688店铺后,可以尝试将店铺升级为强商店铺。强商铺的年费是36800一年,还需要押金。

二、阿里巴巴店铺装修费用

开通诚心通后,我们需要开一家店来装修阿里巴巴店铺。店面装修主要是提高店面的整体改造。当客户进入你的店铺,被你的产品介绍和文案所吸引,他们会进一步与你交流。阿里店铺装修费用包括店铺首页、商品详情页设计、商品上传、商品等级优化等,6000左右。

三、店铺推广及运营费用

阿里巴巴门店改造后,我们再来看门店数据的运营和优化。除了运营团队,我们还需要开始推广。阿里巴巴推广可以通过在线销售宝的标准王和关键词计划产生有效流量。控制住。每月预算3000元的广告费用,那么一年就是36000元。

四、客服接待

假设旺旺客服是自己的业务员接的,不是收费的。

综上所述,开店的成本不是很高,但也是一笔不菲的钱。所以朋友们开店前一定要考虑好选择哪方面,而不是一味的冲动开店,只会让自己的钱白白浪费。

以上就是Alibaba开店流程费用全部内容,更多资讯更多资讯欢迎关注我们,每日跨境电商资讯实时更新!




【本文标题和网址】网店导航条内容有哪些「店铺移动端装修教程」 http://www.cftyj.cn/dszs/2023122612306.html
内容更新时间(UpDate): 2023年12月26日 星期二

猜你喜欢

最新文章