首页 电商 正文

淘宝模块间隙去除怎么操作?图文流程

2024-03-20 11:01
admin

  很多卖家在进行店铺装修的时候,使用自定义模块做好一部分页面的时候,会出现模块上下产生间距的情况,如果你想要掌握去除间隙的方法,那就一定要跟随小编去看看下面的这一篇文章哦!

  解决的方法很简单,直接对照改就行了!首先,进入淘宝装修页面点击对应模块的“编辑”按钮!

  进去之后点击“源码”的小图标

  进去之后全是淘宝店铺装修代码,但不要怕,我们只要改一打开后的两个小地方,就是这两个地方!

  首先,我们把第一行的height减去20px(小编这里是499,所以改成479)

  其次,找到第四行的top写成-20px(小编这里是auto,写成-20px)

  注:可能有很多地方都有top这个单词,其他不管,就只要改靠近尖括号的地方,一般会出现在第四行,有差别也是少数。

  改好后点击左下角的“确定”

  然后,点击“发布站点”

  点击“确定”即可

  最后,页面间距没有了!

  淘宝模块之间的缝隙是淘宝系统默认存在的。如果想自己去掉空白间隙的话,就必须要用到代码。

  例如:

  我们可以很清楚的看到红框中的就是修改和增加的部分,原来自定义模块的高度是200px,我们需要减掉20px,200-20=180,这个根据你们的实际尺寸来减。

  另外增加一个css样式:class="footer-more-trigger"这个是淘宝自带样式,作用于模块的定位

  再加上一段控制模块属性的代码:top:-20px;left:auto;padding:0;border:none;,这段代码加到内,假如有些学员的代码是

  这种类型,那么就要增加为:

  top:-20px是让模块向上移动20像素,所以上面提到为什么要减掉20px就是这个原因

  left:auto;是让模块自动向左

  padding:0;是防止一些浏览器自带padding的间距

  border:none;是防止一些浏览器自带边框

  这样应该能够清楚了解了吧?

  按照上面的步骤去进行操作,就可以轻松的解决模块间隙的问题啦!想要更加方便快捷,可以寻找一些实用的装修代码哦!如果你在进行店铺装修的过程中遇到了任何问题,欢迎上搜寻问题的答案哦~

相关文章

  • 京东智铺模块数据看板入口在哪?附常见问答

    京东智铺模块数据看板入口在哪?附常见问答 常见问答: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承接活动页面?

    2018手机端怎么设置双11承接活动页面? 双十一眼看只有两个月不到就要来了,卖家们是不是都在紧张地筹备中呢?小编提醒一下大家可以别忘了设置店铺活动承接页,特地为大家奉上设置双11承接活动页面的方法,赶快学习一下吧。,官方承接页在双11活动期间可以自由编辑修改,但不可删除,没有时间限制。,3.上传需要更改的背景图后点击保存,图片大小不要超过200K。

    2024-03-22 19:08
  • 抖音活动优惠快速解答

    抖音活动优惠快速解答 抖音飞鸽聊天框中的商品卡片增加了营销活动信息,包括价格、活动、赠品三大模块。价格模块展示了当前咨询的用户,购买该商品的预计到手价格,包含券后价、划线价等信息。活动模块展示当前咨询的用户,购买该商品能享受到的活动优惠,如拼团、降价、超值购等;而赠品模块展示了当前咨询的用户,购买该商品能享受到的赠品优惠,如买赠(买X件商品赠Y件赠品)、满赠(满X元赠Y赠品)等。客服可以快捷查看商品相关的营销活动信息,

    2024-03-22 17:40