有卖家朋友想要将导航和店招修改成通栏,但是不知道该怎么操作,于是就在咨询淘宝旺铺基础版是否可以设置通栏店招,具体如何设置的问题,下面跟随小编一起去下面的文章学习具体的操作步骤吧!
一、页头通栏装修准备:
1.把店招部分的切片保存下来,尺寸为950px*120px
然后把背景切片保存下来,尺寸高度为150px,宽度大于1px就行,我个人是做的10px,因为方便点击。
二、页头通栏装修步骤:
1.上传店招
进入店铺装修后台,店招部分,编辑,选择自定义店铺招牌,然后插入准备好的店招(如果需要加多个链接,可以采用切片或者淘宝热点来加店招链接)
2.页头背景安装
左侧-->页头,然后更换页头背景图,上传事先准备好的背景切片;背景显示:横向平铺;背景对齐:居中;应用到所有页面;页头下边距10像素:关闭。然后选择应用到所有页面。
注意必须是旺铺专业版才能更换页头背景图片,如果不是专业版,新旺铺可以免费升级专业版。
3.淘宝店铺导航栏CSS代码改导航条颜色
打开免费在线生成导航栏CSS代码网页:http://www.taoour.com/tbzx/navigationBar_css/navigationBar_css.html
替换下面红框几个部分,注意保留#号,其他地方也可以根据自己实际需要修改。
点击生成代码并复制。
到店铺装修后台,导航栏位置,点击编辑按钮,选择“显示设置”。
将生成的导航栏CSS代码复制到这里
最后发布,完整的页头通栏就OK了。
店招两侧空白部分,即是店铺页头。
以下是淘宝店铺页头背景设置教程:
页头背景可以去空沙发的【免费全套模板】中下载整个模板,找到你喜欢的页头背景。
第一步:卖家中心——左侧的【店铺装修】,进入我们的店铺装修后台。
第二步:找到左侧的【页面】,移到他上面就自然弹出下面的图所示的了。
接着我们要依次更正我们的模板来设置。
1.【更换图片】或者直接设置【页头背景色】
2.选择背景的平铺
3.背景对齐方式
最后,最最重要的,别忘了点击应用到所有页面。大功告成。
大多数模板都会自动生成店招!可很多时候我们需要自定义店招来达到要求的效果。注意:新旺铺中,通栏导航的实现,是通过页头背景来实现的,所以我们在制作通栏店招背景的时候,一定要把导航条的颜色,也加入其中!
相关文章
-
旺铺装修之“制作通栏”简单方法篇
(下图)为锁定的背景层解锁非常简单,只要双击小眼睛就可以了,双击后会出现一个对话框,然后我们直接点击确定就好了,参数不用更改。,(下图)为解锁后的背景层下面我们开始编辑背景,来制作一个好看颜色的背景3.(渐变工具的使用)改变背景颜色为渐变色在工具栏里点击渐变工具(如下图)选好后再打开拾色器(如下图)把前景色改为绿色(RGB数值分别为R:20G:250B:0)点击确实(如下图)背景色改为黄色(RGB
2024-03-21 10:27 -
亲,扶植版旺铺想要实现拓展版无缝连接950通栏吗
下面进入正题亲,扶植版旺铺想要实现拓展版无缝连接950通栏吗?,WIDTH:950px;HEIGHT:450px大家都懂得,是图片宽950,高450,高度亲们可以按照自己的需要设置哦。,因为图片左移,实现通栏但是会遮住左边的页面,解决办法就看下面。
2024-03-21 09:33 -
怎样的店铺装修才能提升转化率?
做好logo后,由于原有的店招被删除了,也就没有了店铺各页面的链接导航条了,这里拓展版可以采用页头通栏功能,增加一个自定义区,如下图:自行编辑页面制作一个链接导航条就可以了,这里建议不要直接在店铺装修页面编辑内容,可以在网页编辑软件中做好贴进去,如:frontpage。,二、制作大店招在页头部分完成之后,就开始着手如何制作店招,做店招应注意以下几点:1、由于店铺页头上方的通栏最多只支持250像素高
2024-03-21 09:17 -
淘宝门头图片尺寸是多大?淘宝门头图片如何制作?
很多朋友在给自己淘宝店装修的的时候,会碰到一个难题,就是淘宝门头图片尺寸是多大的问题,因为如果尺寸不合适,就不能去装修了,所以淘宝门头图片尺寸艺要找到合适的一个比例,下面小编就给大家讲解下淘宝门头图片尺寸是多大?淘宝门头图片如何制作的问题。,第二种方式就是通过自定义店招的背景来解决这个问题。,你可以使用在线截图工具,从显示的店招上面截一竖条,高度为150px。
2024-03-20 11:04 -
什么是淘宝店铺通栏?如何设置?
什么是淘宝店铺通栏?打开淘宝,在最上面可以看到一个广告,这个就是通栏,再往下拉滚动条可以看到半个栏的广告。,鼠标放在店招上点编辑,选择自定义招牌和源码按钮。,添加热点链接,编辑公告文本字体及特效。
2024-03-18 11:40 -
淘宝店招图片尺寸怎么制作(店招怎么设置1920尺寸)
这个让许多新手店主羡慕不已,那么,淘宝店铺旺铺智能版的店招怎么设置通栏?,小编今天就给大家演示一下淘宝智能版店招设置成通栏。,注意:高度设置成150,这样就可以把系统自带的导航栏给隐藏掉。
2024-03-18 10:12
热门标签
-
产品动销率下降的原因有哪些?如何衡量产品动销率?
2024-03-20 10:55
-
淘宝店铺图标怎么做?如何上传?
2024-03-20 10:55
-
淘宝店招自定义设计怎么操作?教程分享
2024-03-20 10:55
-
淘宝主图360度展示图怎么制作?
2024-03-20 10:55
-
优秀的淘宝产品详情页的经验有哪些?有些什么技巧?
2024-03-20 10:55
-
一个好的产品详情页该如何设计?
2024-03-20 10:55
-
一个优秀淘宝产品详情页的逻辑是什么?
2024-03-20 10:55
-
淘宝自定义内容区显示尺寸多大?可以自适应吗?
2024-03-20 10:55
-
淘宝详情页的产品内容描述要怎么写?
2024-03-20 10:56
-
淘宝产品详情页需要包含哪些项目?
2024-03-20 10:56
-
淘宝双11店铺装修怎么操作更吸引人?
2024-03-20 10:56
-
淘宝店招代码怎么用?常见问题解析
2024-03-20 10:56
-
淘宝店铺视觉设计的2秒原则是什么?
2024-03-20 10:56
-
淘宝店铺基础版装修教程之如何突破750的限制?
2024-03-20 10:56
-
淘宝店铺首页的优惠券怎样设置?简单说明
2024-03-20 10:56
-
淘宝海报链接怎么设置导航内置效果?
2024-03-20 10:56
-
淘宝手机分类导航怎么添加多个链接?教程
2024-03-20 10:56
-
淘宝店铺装修如何跟手机同步?教程分享
2024-03-20 10:56
-
淘宝首页装修设计技巧之教你如何打破首页常规版式!
2024-03-20 10:56
-
淘宝详情页导航栏怎么设置?添加步骤
2024-03-20 10:56