在淘宝店铺装修中,有一种特效非常的大气时尚,那就是双层全屏海报,其中底层是固定的,不是随着页面的滚动而动,上层不是固定的,可以随着页面的滚动而动,那么这种效果是怎么实现的呢?小编告诉你具体的操作步骤!
准备素材:
1.需要一张底部的图片和一张局部透明的顶部图片。
要求底图大小是1920PX*737PX,顶图大小是1920PX*666PX。
如果没有的话您可以使用我们提供的现成的图片操作试试。
操作步骤:
在Dreamweaver(下面简称DW)中新建一个html页面,切换到代码视图,并将其中的原有代码删除。
将淘宝装修代码复制到DW中,并将制作好的图片素材上传的您的淘宝图片空间,并分别获取两张图片的图片地址,分别替换掉DW里的--底部图片地址文字和顶部图片地址文字。
替换图片地址以后切换到设计视图,可能图片会显示不出来,这个时候注意将刚才粘贴的两张图片地址前面的https://里的s删掉就显示出来了,如图:
在设计视图里看到图片以后,用鼠标点下选中顶层图片,然后在最下面看到属性框,里面就有淘宝店铺装修热点工具:
用鼠标点中如上图的热点工具,您可以选择矩形,圆形或者多边形任其一种,连续在图片中用鼠标按住左键画出热点区域,不过要注意的是:
每用鼠标在图片中画出一片热点区域时,属性框里便会出现这个热点区域的属性设置信息,您需要在里面填写这个热点相应的宝贝链接。
如下图:
只有填写的链接,点击这块区域才会跳转到相应的宝贝详情页那里。
制作好热点以后,在DW里返回代码视图,将里面的代码全部选中,然后复制粘贴到您的淘宝通栏自定义内容区里就可以了。通过预览或者直接发布来查看效果哦,效果绝对棒棒哒!如果你想了解更多可以咨询,这里有最全面的资源。
相关文章
-
京东店铺在哪里修改价格?主图修改注意什么?
现在有很多人在京东上开了第三方的店铺,京东对于这些第三方店铺还是有不少扶持计划的,而且现在马上就要到京东的618活动了,很多商家想要提前把商品价格修改下,那么京东店铺在哪里去修改价格?进入商家后台-促销推广-创建促销-单品促销,在这里就可以去修改价格了!京东商品主图修改要注意什么?1、京东商品主图图片在800*800像素以上,提供5张(不同视角,如正面、侧面、反面、产品细节图等,必须有一张商品主体
2024-03-13 19:09 -
京东快车上创意图片怎么换?要注意什么?
在商家选择使用京东快车来推广的时候,就经常需要调整推广的计划。因为在推广商品的时候肯定会需要进行测图测款的操作的,如果测图的结果不理想的话,商家也就需要考虑更换创意图了。那么京东快车上创意图片怎么换?要注意什么?京东快车上创意图片怎么换?京东快车的创意图片不能直接修改的,只能通过添加新的SKU 来添加新的创意。在“我的投放平台推广推广创意”这里加入的SKU ID后,选择添加,之后就看自己对应的商
2024-03-13 18:41 -
京东智铺店铺轮播图/图片热区配置操作步骤
本篇文章为大家介绍京东商家朋友最常用的轮播图&图片热区模块如何设置及常见问题,来看看吧:Q1: 如何设置轮播图&图片热区模块?操作路径:移动端/电脑端:进入装修页面-左侧装修模块中选择【轮播图】/【图片热区】-右侧属性窗口进行属性信息配置。,Q3:尺寸要求是什么?移动端:轮播图:请保证每帧图片尺寸一致。,导航主要包括店铺首页和商品栏目及各个单页面的导入链接。
2024-03-13 18:18 -
京东主图怎么做?要注意什么?
相反主图不合格可能会造成商品下架、扣分。,方法就是通过搜索关键词,在首页展示的产品主图,都整体出来。,京东做主图要确定好自己产品的受众群体,了解这个品类是什么人群喜欢的产品。
2024-03-13 18:15 -
京东详情页图片怎么弄下来?图片有什么要求?
第二步:这时候会跳出一个代码小窗口,选择下图红色选框中后缀为.jpg的一串网址进行复制。,各入口图大小规范:1、项目页首屏图主图,此图不需要出现品牌或者宝贝名称,只需一句核心广告语和若干几个主要卖点尺寸 :650×420px体积:小于100k2、新版众筹首页列表图尺寸:280高( 220< 高<500,表示宽度为280px,高度可以在220px到500这个区间,此图无文字)体积:小于5
2024-03-13 18:10 -
京东快车创意图规则是什么?怎么做?
一般消费者购买茶叶,对于是否是新茶相当在乎,对于这种具有时令特性的产品,在创意图上说明茶叶采制时间,就相当关键了。,2、图片简洁大方现在逼格高的网站图片或者app,版式设计都是简洁大方,给人一种高逼格的感觉,尤其是高档产品,创意图尽量选择简约风格。,3、突出利益点一张创意图不仅要说明产品特点,能够满足消费者什么需求,例如“买二送一”,像这种利益点,一定要说明,充分利用人爱贪小便宜这种心理弱点。
2024-03-13 18:08 -
京东的图怎么扒下来?如何保存?
现如今有很多在京东平台上购物的消费者,吸引了很多卖家选择在平台上开店发展,而在上架产品后需要设置好产品的图片,很多卖家会想要使用别人店铺的图片,下面来介绍京东的图怎么拔下来了?京东商品主图保存方法一:第一步:打开京东商城,找到自己喜欢的产品。,第二步:在打开的商品页面中缩略图区域,鼠标“右键”点击任意一张要查看原图的缩略图,选择“在新标签页中打开图片”,出现一个缩略图的新页面。,我们了解到京东的图
2024-03-13 17:56 -
京喜店铺新品发布素材需要准备什么?
商家在京东开放平台开设京喜店铺,新品发布需要准备好以下这些素材,那样在发布新品的时候就会水到渠成。一、商品主图商品主图可以提升点击率,建议10张图上传满,可以依照核心卖点图、细节图、场景图、资质图等顺序上传。图片规范有强制要求,不合规会影响产品上架同时系统会自动检测违规扣罚。①尺寸:800*800PX②分辨率:72DPI③格式:JPG/JPEG/PNG④大小:小于2M⑤禁止出现:涉黄内容、违禁商品
2024-03-13 17:54 -
京东快车怎么修改创意图片尺寸?有哪些尺寸?
那么,京东快车怎么修改创意图片尺寸?有哪些尺寸需要注意?本文将为您详细介绍。,图片大小需要控制在合理范围内,以保证广告的加载速度和用户体验。,希望这篇文章能够帮助您更好地了解京东快车创意图片尺寸的修改方法和注意事项。
2024-03-13 17:50 -
京东快车如何更改创意图片尺寸?尺寸要求
京东快车作为平台商家经常使用的付费推广工具,能够将商品直接推荐到精准客户面前,但想要吸引用户点击,就得在创意图上面下功夫。,只有定位清楚才能更好的制定创意设计方案,使创意更具有针对性。,同时创意图中的文字要简洁明了、有针对性,图片一定要有吸引力、表现力,能够让目标客户看一眼就知道产品卖点,从而愿意点击进入到商品详情页里面查看。
2024-03-13 17:49
热门标签
-
怎么修改淘宝店铺首页背景图?get这些知识
2024-03-20 10:58
-
淘宝首页交替背景怎么做?
2024-03-20 10:58
-
淘宝装修自定义全屏不居中怎么办?
2024-03-20 10:58
-
淘宝图片空间里面怎么替换图片?替换指定尺寸图片的技巧!
2024-03-20 10:58
-
淘宝装修使用非法的图片链接怎么解决?
2024-03-20 10:58
-
淘宝详情页怎么添加公共模块?步骤详解
2024-03-20 10:58
-
淘宝导航栏二级分类怎么弄?步骤详解
2024-03-20 10:58
-
淘宝店铺海报是什么?又有什么作用?
2024-03-20 10:58
-
淘宝装修去掉横向滚动条的步骤是什么?
2024-03-20 10:58
-
淘宝店铺首页怎么设计让买家喜爱?思路分析
2024-03-20 10:58
-
淘宝导航怎么上传图片?方法介绍
2024-03-20 10:58
-
淘宝自定义模块不填链接行吗?怎么操作?
2024-03-20 10:58
-
淘宝清仓直播怎么设置专享价?具体流程看这里
2024-03-20 10:58
-
淘宝店招和背景左右错位怎么办?
2024-03-20 10:58
-
淘宝详情页图片怎么留白?技巧分享
2024-03-20 10:58
-
淘宝详情页切片错位怎么办?
2024-03-20 10:58
-
淘宝详情页文字变图片怎么操作?技巧在此
2024-03-20 10:58
-
淘宝详情页图片变形了怎么办?一步搞定
2024-03-20 10:58
-
淘宝全屏海报不居中怎么办?赶紧这样操作
2024-03-20 10:58
-
淘宝首页图变形怎么办?学会这些招数
2024-03-20 10:58