手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

旺铺装修系列教程之如何制作店铺页头店招通栏

时间:2024-10-12 04:33:36

新旺铺默认的店招就是通栏的,很多朋友知道如何更换店招,但是如何制作设置成通栏就不会了。今天给大家介绍一下旺铺装修中店铺页头店招通栏的制作。

旺铺装修系列教程之如何制作店铺页头店招通栏

先看效果图

一、前期准备工作:

首先来认识一下什么叫做店铺页头,店铺页头包含两个部分:店招和导航栏,店铺页头通栏还多了个通栏背景。

旺铺装修系列教程之如何制作店铺页头店招通栏

1、店铺招牌:新旺铺中默认的店铺招牌区域尺寸:950PX宽*120PX高(之前跟大家说过,新旺铺专业版,中间模块都是统一的950PX宽)

2、导航栏:导航栏默认高度为30PX,导航栏需要根据你想要的颜色,自定义导航(详见:2013新旺铺导航栏CSS代码在线生成的工具)http://bbs.taobao.com/catalog/thread/510526-265573896.htm?spm=0.0.0.0.oq1BJt

旺铺装修系列教程之如何制作店铺页头店招通栏

3、通栏背景图片:如果你的店招是按照默认尺寸的,那么背景图片高度为150PX,分为上下两部分,上面120PX跟你店招颜色一致,下面30PX跟导航栏颜色一致。

默认店铺页头高度为150PX=店招+导航栏的高度

二、装修店招通栏步骤

1、点击进入店铺装修(可以通过三个渠道,一是点击旺旺左下角淘字,进入店铺管理,二是登录淘宝,进入卖家中心,左侧店铺管理,店铺装修,三是进入自己淘宝店首页,点击右上角装修此页面)

旺铺装修系列教程之如何制作店铺页头店招通栏

2、更换店招

第一步:在网店装修状态,点击店招区域编辑按钮

第二步:选择自定义招牌

第三步:插入设计好的店招

第四步:插入成功,保存

第五步:店招装修成功

3、更换导航栏颜色(插入导航栏自定义CSS代码),在线生成导航栏CSS代码工具地址:../../tbzx/

第一步:在网店装修界面,点击导航栏区域编辑按钮

第二步:点击显示设置

第三步:将导航栏自定义CSS代码复制进来

第四步:导航栏自定义代码安装成功

4、更换通栏背景图片

第一步:点击装修二级菜单样式管理

第二步:点击背景设置

第三步:选择更换图片(背景显示和对齐是默认的,设置的页面默认也是所有页面,页头下边距一般选择关闭,因为不关就有10PX的间隙,根据你的需要来选择)

第四步:更换背景并保存

第五步发布查看

最后大功告成!!!

© 手抄报圈