如何去除新旺铺模块之间10像素的空隙
和大家分享一个淘宝高级装修技巧，教你如何去除”新旺铺上下模块之间10像素的空隙“。准确的说，新旺铺专业版系统自带的第一套模板，各个模块上下之间的距离为20像素，但第二、第三套模板，距离却是10像素。此技巧主要针对第一套模板，第二、第三套模板虽然也可以用，但却没有第一套那么方便。之前我曾经说过一种方法，在模块中加入”position:relative;top:-20px;“，我也不知道当时是怎么想的，怎么会犯这么低级的错误！这根本就是不可能实现的！relative只是个相对定位，相对于正常位置定位，并未脱离文档流，不脱离文档流又怎么可能突破模块的界限！所以，我们要使用的定位属性是absolute绝对定位，脱离文档流，相对于浏览器窗口进行定位。但很遗憾的是，淘宝对自定义只支持相对定位，却不支持绝对定位，在自定义内输入绝对定位属性，都将被自动过滤。但我们要想去除上下模块之间的空隙，又必须要用到absolute绝对定位，那该怎么办呢？我能想到的有两种方法，一种查找模板CSS，找到使用了绝对定位属性的类，但这种方法效率是非常低的；另一种方法是借助Widget组件，这种方法我也是今晚无意中发现的，原来借助Widget组件里的Carousel旋转木马，同样可以拿到absolute绝对定位。
和大家分享一个淘宝高级装修技巧，教你如何去除”新旺铺上下模块之间10像素的空隙“。准确的说，新旺铺专业版系统自带的第一套模板，各个模块上下之间的距离为20像素，但第二、第三套模板，距离却是10像素。此技巧主要针对第一套模板，第二、第三套模板虽然也可以用，但却没有第一套那么方便。之前我曾经说过一种方法，在模块中加入”position:relative;top:-20px;“，我也不知道当时是怎么想的，怎么会犯这么低级的错误！这根本就是不可能实现的！relative只是个相对定位，相对于正常位置定位，并未脱离文档流，不脱离文档流又怎么可能突破模块的界限！所以，我们要使用的定位属性是absolute绝对定位，脱离文档流，相对于浏览器窗口进行定位。但很遗憾的是，淘宝对自定义只支持相对定位，却不支持绝对定位，在自定义内输入绝对定位属性，都将被自动过滤。但我们要想去除上下模块之间的空隙，又必须要用到absolute绝对定位，那该怎么办呢？我能想到的有两种方法，一种查找模板CSS，找到使用了绝对定位属性的类，但这种方法效率是非常低的；另一种方法是借助Widget组件，这种方法我也是今晚无意中发现的，原来借助Widget组件里的Carousel旋转木马，同样可以拿到absolute绝对定位。< div class= "J_TWidget" data-widget-type= "Carousel" data-widget-config= "{\'contentCls\':\'bbs-taobaoux-com-con\',\'navCls\':\'bbs-taobaoux-com-nav\',\'effect\':\'fade\'}" > < div class= "bbs-taobaoux-com-con" style= "width:950px;height:100px;" > < div style= "width:950px;top:-20px;" > /*这里输入你的模块内容*/ div > div > < div class= "bbs-taobaoux-com-nav" style= "display:none;" > div > div >
- class="bbs-taobaoux-com-nav"轮播导航列表，设置display:none的作用是隐藏导航区，禁止出现1、2、3这些导航数值；
- class="bbs-taobaoux-com-con"轮播内容列表，必须定义模块宽度与高度；
- 模块的宽度与高度，比如你的模块尺寸是950px*500px，那这里就应该改为，为什么高度是480了？因为向上移动了20个像素。
- top:-20px;向上移动20个像素，完美去除上下模块之间20像素的空隙。这时，应该还需要加上一个z-index属性，把模块置于顶层，但事实上我们不用多此一举，系统会自动加上这个属性。
相关文章
-
京东智铺模块数据看板入口在哪？附常见问答
常见问答：1. 为什么我的店铺无法查看模块数据?以下三种情况暂时无法查看模块数据：a)：查询时间过早。,若商家查询的页面昨日访客数过低，则暂时无法查询模块数据，建议商家朋友先提升店铺流量再分析模块数据。,上述指标均为子订单口径(即若用户在多个店铺买了多件商品一并支付时，统计成交金额时，则只会统计本店商品的金额)5.个性化首页AB分流的模块数据应该怎样查看和理解?个性化首页开启AB分流后，在模块数据
2024-03-13 18:59 -
京东优惠券怎么添加？怎么获取？
京东开店的商家经常会设置优惠券，那么关于京东优惠券的添加，有以下常见问题解答，一起来了解：1、优惠券如何添加到店铺?优惠券的添加有2种方式：方式一：优惠券模块+优惠券的putkey(注意不是优惠券链接)Step1：登录京东智铺-店铺装修-选择要装修的页面进入装修页;Step2：选择【营销类】-【优惠券】模块，拖拽模块到编辑区;Step3：可选择自定义图片或在线制作，点击添加券，会弹出优惠券putk
2024-03-13 18:20 -
京东新版模块化首页有什么用？附常见问答
京东智铺装修-【新版模块化首页】上线啦!本篇文章为大家介绍新版首页的价值、操作流程以及常见问题，帮助大家更好的了解并使用新版首页装修店铺!一：新版模块化首页对商家的价值是什么?1. 简化操作流程，提升商家装修时效!模块复用：支持模块在多个页面中直接引用， 通过商家模块库的建立，支持模块的单独管理，修改模块内容后多页面生效，免去重复操作，提升商家的整体装修时效。,(新版案例效果，更多品类案例&
2024-03-13 18:12 -
京东智铺新版会员冲刺模块怎么操作？步骤详解
注意：模块创建后会自动在【运营中心】生成对应的会员冲刺模板。,会员冲刺计划目前采用邀约制，平台大促或事业部活动期间，由平台/事业部运营发起，对商家的参与条件有限制，采用定向邀约。,预提报期会将邀约门槛同步至各采销/运营。
2024-03-13 18:06 -
京东智铺运营中心模块管理工作台如何操作？
京东智铺运营中心-模块管理是什么?模块管理工作台如何操作?如何新建模块?本篇文章为各位商家介绍清楚，来了解。,一、页面概述运营中心-模块管理，是对模块集中管理的页面，包括模块的查找/新建，具体模块的编辑/预览复制删除等功能。,二、注意事项：1.系统模块无法删除;2.自建模块存在页面关联无法删除;3.修改模块内容，关联页面装修后台将同步修改(甩手网了解到只影响装修端，不影响已发布的数据;需重新发布关
2024-03-13 17:58 -
聚合私域流量，店铺合辑使用教程
店肆合辑是商家私域视频内容运营的聚合地，商家可将店内的视频（店肆视频、产品视频等）进行场景化整合分类，集中展示给顾客，从而提升顾客的粘性和转化。
2024-03-14 16:18 -
拼多多一周小结神器推广周报使用指南
拼多多一周小结神器【推广周报】，可以协助商家进行数据分析，接下来甩手网本篇文章带你一探究竟。,2、诊断明细-内容：从选品、充值、出价、预算、推广这5个维度展示你在同行商家的排名情况。,三、【推广周报】工具入口1、电脑端位置1：推广平台-工具-推广周报位置2：推广平台概况页-右下角-推广周报2、手机端位置1：商家APP--底部聊天--平台动态--推广周报消息位置2：商家APP--推广中心右上角消息i
2024-03-13 15:55 -
天猫男人节承接页设计的方法是什么？
天猫男人节活动快要开始了，已经报名成功的商家这个时候要开始筹备承接页设置的事项喽。目前淘宝已经开放了装修入口，不过注意事项主会场、分会场、外场活动商品审核通过了商家才可以装修。我们来看看具体的步骤吧。 第一步：进入旺铺装修后台，请点我~!→页面装修→点击”页面管理“→自定义页或官方预置页 →“XX活动承接页” 第二步：更改承接页首屏氛围图(可编辑不可删除) ①选择“XX活动”店铺承接页
2024-03-22 19:27 -
2018手机端怎么设置双11承接活动页面?
双十一眼看只有两个月不到就要来了，卖家们是不是都在紧张地筹备中呢?小编提醒一下大家可以别忘了设置店铺活动承接页，特地为大家奉上设置双11承接活动页面的方法，赶快学习一下吧。,官方承接页在双11活动期间可以自由编辑修改，但不可删除，没有时间限制。,3.上传需要更改的背景图后点击保存，图片大小不要超过200K。
2024-03-22 19:08 -
抖音活动优惠快速解答
抖音飞鸽聊天框中的商品卡片增加了营销活动信息，包括价格、活动、赠品三大模块。价格模块展示了当前咨询的用户，购买该商品的预计到手价格，包含券后价、划线价等信息。活动模块展示当前咨询的用户，购买该商品能享受到的活动优惠，如拼团、降价、超值购等;而赠品模块展示了当前咨询的用户，购买该商品能享受到的赠品优惠，如买赠(买X件商品赠Y件赠品)、满赠(满X元赠Y赠品)等。客服可以快捷查看商品相关的营销活动信息，
2024-03-22 17:40