淘宝全屏店铺装修怎么弄? 淘宝店铺装修 怎么才能设计的跟他这样全屏的

作者&投稿:充雨 (若有异议请与网页底部的电邮联系)
1、打开浏览器并登录买家中心,在左侧点击“店铺装修”。
/iknow-pic.cdn.bcebos.com/ac4bd11373f08202904fb37745fbfbedaa641b9c"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/ac4bd11373f08202904fb37745fbfbedaa641b9c?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/ac4bd11373f08202904fb37745fbfbedaa641b9c"/>
2、在后台选择【PC端】,找到首页后,点击右侧的【装修页面】按钮。
/iknow-pic.cdn.bcebos.com/96dda144ad345982fb5fc7da02f431adcaef84a4"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/96dda144ad345982fb5fc7da02f431adcaef84a4?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/96dda144ad345982fb5fc7da02f431adcaef84a4"/>
3、在首页装修后台选择左侧的【页头】,点击【更换图片】,如下图所示。
/iknow-pic.cdn.bcebos.com/5882b2b7d0a20cf47ab5d39778094b36acaf9954"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/5882b2b7d0a20cf47ab5d39778094b36acaf9954?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/5882b2b7d0a20cf47ab5d39778094b36acaf9954"/>
4、在打开页面中找到电脑上保存的通栏的店招背景图,点击【打开】,如下图所示。
/iknow-pic.cdn.bcebos.com/b151f8198618367a3db9529520738bd4b31ce542"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/b151f8198618367a3db9529520738bd4b31ce542?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/b151f8198618367a3db9529520738bd4b31ce542"/>
5、然后选择【不平铺】,背景对齐设置为【居中】,关闭页头下边距10px,点击【应用的所有页面】,可以看到已经店招背景已经变成全屏,如下图所示。
/iknow-pic.cdn.bcebos.com/0b7b02087bf40ad19ca1eaab592c11dfa9ecce35"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/0b7b02087bf40ad19ca1eaab592c11dfa9ecce35?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/0b7b02087bf40ad19ca1eaab592c11dfa9ecce35"/>
6、然后打开DW,找到我们切好的主店招的代码。全部选中代码并复制代码,如下图所示。
/iknow-pic.cdn.bcebos.com/6d81800a19d8bc3e36a32b828c8ba61ea9d345ca"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/6d81800a19d8bc3e36a32b828c8ba61ea9d345ca?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/6d81800a19d8bc3e36a32b828c8ba61ea9d345ca"/>
7、回到装修后台,点击店招右上角的【编辑】,如下图所示。
/iknow-pic.cdn.bcebos.com/55e736d12f2eb938c77756badb628535e5dd6f5b"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/55e736d12f2eb938c77756badb628535e5dd6f5b?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/55e736d12f2eb938c77756badb628535e5dd6f5b"/>
8、招牌类型选择【自定义招牌】,点击切换到源码,把复制的主店招的代码粘贴进去,高度设置为150px,点击【保存】,如下图所示。
/iknow-pic.cdn.bcebos.com/86d6277f9e2f0708d9160648e724b899a901f263"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/86d6277f9e2f0708d9160648e724b899a901f263?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/86d6277f9e2f0708d9160648e724b899a901f263"/>
9、可以看到店招已经实现通栏全屏啦,点击右上角的【立即发布】即可,如下图所示。
/iknow-pic.cdn.bcebos.com/810a19d8bc3eb135b4969bf3a81ea8d3fd1f4420"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/810a19d8bc3eb135b4969bf3a81ea8d3fd1f4420?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/810a19d8bc3eb135b4969bf3a81ea8d3fd1f4420"/>

1、打开浏览器并登录买家中心,在左侧点击“店铺装修”。

2、在后台选择【PC端】,找到首页后,点击右侧的【装修页面】按钮。

3、在首页装修后台选择左侧的【页头】,点击【更换图片】,如下图所示。

4、在打开页面中找到电脑上保存的通栏的店招背景图,点击【打开】,如下图所示。

5、然后选择【不平铺】,背景对齐设置为【居中】,关闭页头下边距10px,点击【应用的所有页面】,可以看到已经店招背景已经变成全屏,如下图所示。

6、然后打开DW,找到我们切好的主店招的代码。全部选中代码并复制代码,如下图所示。

7、回到装修后台,点击店招右上角的【编辑】,如下图所示。

8、招牌类型选择【自定义招牌】,点击切换到源码,把复制的主店招的代码粘贴进去,高度设置为150px,点击【保存】,如下图所示。

9、可以看到店招已经实现通栏全屏啦,点击右上角的【立即发布】即可,如下图所示。



设置淘宝店铺全屏装修步骤如下:
  1、登陆淘宝

  2、进入卖家中心-店铺管理-店铺装修

  3、就进入了淘宝旺铺装修的页面,进入旺铺装修会自动进入页面管理。
  4、选择装修下拉菜单中的样式管理

  5、进入到样式管理可以看到左侧样式编辑分为选择配色和背景设置。
  选择配色:在这里就可以对店铺背景进行设置了,如果店铺背景是单色的话,就在选择配色的菜单下选择皮肤颜色,这里只能选择橙色或者蓝色。选择好后点击右上边的发布按钮可以了。

  背景设置:背景设置就是对店铺的背景进行设置的地方了,点击左侧的背景设置,背景设置分为页头设置和页面设置。页头设置页头设置指的是包含导航栏及以上的位置的背景的设置。在这里可以选择要设置背景的页面是所有页面的页头都有这个背景还是单独的某个页面页头是这个背景。同时,点击页头背景颜色旁边的小方块,可以设置背景颜色。
  选择背景颜色如果没有效果是因为之前上传了背景图的原因,在这里要么删除背景图,要么抠图把内容抠出来,做成透明的图片。不过一般背景图都是事先设计好的,直接用就可以了。这里还可以设置页头下边距是否开启、平铺效果以及对齐方式,选择适合自己的,然后点击保存。

  页面设置:点击页面设置,对店铺的内容部分的背景进行设置。方法与页头设置一样的。设置好后,点击保存,然后发布。

首页全屏可以用代码实现,并不困难;可以先做一张大图,代入全屏代码,感受一下。实现全屏基本就以下几步:
看下淘宝店铺是什么版本,比如旺铺专业版 旗舰版之类的。确保可以在首页添加950像素宽度的自定义区。
设计好全屏图片,一般宽度是1920像素,高度按自己设计需求来。设计好后对图片进行切片处理,方便添加链接。在ps里保存的时候,文件格式选择【HTML和图片】,然后用Dreamweaver打开HTML文件,分别添加切片的链接地址。把切片上传到淘宝图片空间,然后在Dreamweaver里用图片空间的图代替对应的切片。这里HTML代码就完成的差不多了。
进入店铺首页装修页,添加一个950宽度的自定义区。编辑这个自定义区,在代码模式下
全屏代码如下:
【从这里开始:
<div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{'contentCls': 'fullScreenPosters','navCls': 'bbs-nav','effect': 'fade','autoplay': false,'circular': false}">
<div style="width:1920px;height:高度为你设计的首页全屏高度px;overflow:hidden;" class="fullScreenPosters">
<div style="width: 1920px;left: -485px;">
<!--这里放置在Dreamweaver里设计好的代码-->这里放置设计好的代码
</div>
</div>
<div style="display:none;" class="bbs-nav"></div>
</div>
4.以上,完成。
全屏设计最主要的部分为第2点,淘宝活动 客服中心 爆款推荐等板块都可在这里实现。
主要是在Photoshop里操作,Dreamweaver只需要略懂
对店铺设计要求越高,越繁琐。
如果你没有这方面的专业素养的话,建议找个专业的,是最明智之选,你可以到灵猫dianshang 问问。

淘宝店铺全屏装修~

找淘宝美工啊

首页装修就是看你要设计成什么风格,当然这个和网店产品以及买家喜好是有关系的,不嗯呢该做卖家喜欢的对吧,整体装修最好突出特定的主题,切记不要什么风格都设计,元素要统一的哦。 灵猫电商装修案例可以学习下。

淘宝首页怎么做一张全屏显示,并且可以加多个热点的
答:1、登录卖家工作台。2、点击店铺管理。3、点击店铺装修。4、点击PC端。5、鼠标放置首页上。6、点击装修页面道。7、进入店铺装修页面。8、点击1920。9、鼠标拖动全屏宽图。10、全屏宽图拖动到右侧松开鼠标。11、全屏宽图模块添加完成。12、鼠标放置模块上点击编辑。13、进入全屏宽图设置页面。14、点击...

淘宝店铺如何全屏装修呢?
答:上面说的全屏装修应该是店铺首页的全屏装修把,我简单的说一下怎么操作吧。在选择电脑端首页装修的时候,首页模板不是全屏的,这个时候需要做一张全屏的首页图,图片尺寸的宽一定是1920,高的话随便都可以的;做好之后我们需要用一个码工助手的软件把这张图片生成一个代码,添加一个新的模板,把生成的...

淘宝全屏海报怎么做?如何制作全屏海报
答:设置全屏海报的操作步骤如下:1、进入淘宝店铺装修,在左边菜单找到模块,选1920全屏宽图;2、直接拖动左侧全屏宽图,到右侧要装修的页面上。3、鼠标放模块上,点击编辑。4、上传图片空间图片地址,输入图片对应的商品链接地址,点击保存。5、最后点发布站点就好了。这样就解决了宽屏大海报的问题了。如何...

淘宝店铺装修全屏图怎么装修?需要什么条件吗?
答:你先准备一张1920px宽度,高度自定义的图片,假设高度是600px吧。进入店铺装修后台,打开样式编辑,再打开页面背景,然后把这张图片作为页面背景上传;这样你的导航栏下的这张全屏图片就已存在。但是导航栏下的第一个自定义模块中的内容会遮挡这个背景。你打开第一个自定义模块的代码编辑器,输入保存即可...

淘宝店铺海报怎么装修?淘宝全屏海报怎么上传
答:问题二:求助,淘宝店铺首页海报做好了不知道怎么上传你现在是买了装修模板的,对吧?? 你的淘宝店铺是专业版还是基础版的,如果是基础版的话,淘宝主页海报的宽度只能是750的哦,如果你的事专业版的,主页海报的尺寸是950的,当然有些装修模板可以放置全屏的海报,你现在点击装修店铺后,找到左边的主页装修,添加一个模块,...

淘宝店铺轮播全屏图片怎么设置的?
答:淘宝店铺图片轮播的尺寸在卖家中心后台的店铺装修设置。操作方法如下:1、首先登录淘宝卖家中心,进入店铺装修 2、接着在店铺装修后台点击添加模块。3、此刻可以看到一个图片轮播的功能,点击添加。4、接着继续点击编辑模块,进入图片编辑页面。5、在内容设置中点击图片空间,添加已经上传在图片空间里的图片。

淘宝店铺首页大图该怎么设置
答:淘宝店铺首页大图设置步骤如下:1、进入淘宝店铺装修页面,首先登陆淘宝网,可以用户名、密码登陆,也可以手机扫码登陆:2、登陆之后点击右上角的“千牛卖家中心”如下图:3、进入之后点击左侧列表的“店铺管理”4、再点击右侧的“店铺装修”5、点击“设置风格”如下图所示:6、点击“浏览”,然后查找背景...

淘宝店铺怎么装修可以把店招下面的版块全屏展示
答:而且这个也是开淘宝店如何做全屏店招的方法之一,详情页也可以显示这样的全屏。另外一种做全屏店招的方法就是,插入一段代码。6、不过,在这之前要先做一张图片,图片的像素是1920*150的。导航条要做30px,就是说150高的px里,要有30px来做导航条的颜色。然后把代码复制到装修板块就好了。

专业版淘宝店铺究竟能不能做无缝的全屏大海报和全屏店招?怎么做?
答:设置1920px*150px全屏店铺步骤如下:1、用PS做一份1920px*150px的店招,再用切片工具切出中间那部分950px*150px的备用。分别保存1920px*150px和中间950px*150px图片。2、进入淘宝店铺装修,在左边菜单找到页头-更换图片,上传1920px*150px图片。背景显示选平铺,背景对齐选居中,点确认1920px背景设置...

淘宝全屏店铺装修是怎么做的?需要什么技术。谢谢。
答:进入店铺首页装修页,添加一个950宽度的自定义区。编辑这个自定义区,在代码模式下全屏代码如下:【从这里开始: <!--这里放置在Dreamweaver里设计好的代码-->这里放置设计好的代码