淘宝全屏店铺装修怎么弄?
2022-12-20 · 百度认证:IT168官方账号,优质数码领域创作者
关注
展开全部
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"/>
/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、进入到样式管理可以看到左侧样式编辑分为选择配色和背景设置。
选择配色:在这里就可以对店铺背景进行设置了,如果店铺背景是单色的话,就在选择配色的菜单下选择皮肤颜色,这里只能选择橙色或者蓝色。选择好后点击右上边的发布按钮可以了。
背景设置:背景设置就是对店铺的背景进行设置的地方了,点击左侧的背景设置,背景设置分为页头设置和页面设置。页头设置页头设置指的是包含导航栏及以上的位置的背景的设置。在这里可以选择要设置背景的页面是所有页面的页头都有这个背景还是单独的某个页面页头是这个背景。同时,点击页头背景颜色旁边的小方块,可以设置背景颜色。
选择背景颜色如果没有效果是因为之前上传了背景图的原因,在这里要么删除背景图,要么抠图把内容抠出来,做成透明的图片。不过一般背景图都是事先设计好的,直接用就可以了。这里还可以设置页头下边距是否开启、平铺效果以及对齐方式,选择适合自己的,然后点击保存。
页面设置:点击页面设置,对店铺的内容部分的背景进行设置。方法与页头设置一样的。设置好后,点击保存,然后发布。
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 问问。
看下淘宝店铺是什么版本,比如旺铺专业版 旗舰版之类的。确保可以在首页添加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 问问。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询