【温馨提示】本文共有1141个字,预计阅读完需要3分钟,请仔细阅读哦!
做过淘宝或者天猫店铺装修的同志,肯定会经常遇到一个很尴尬的问题,就是为啥本地写好的代码,放店铺里面就是不能全屏显示呢,只能显示950或者990像素宽度。(可能这个问题很多人知道,不过考虑到很多人也许不知道所以决定写个教程帮助大家)
我们都知道淘宝和天猫店铺版本是不一样的,所以代码有时候会不一样,我的全屏代码,是可以天猫和淘宝通用的。并且无论你内容宽度是多少,都能完美的全屏居中显示。而且使用起来也是很方便。废话不多说 进入正题:
看上图代码会发现,自定义模块框架内 一个class名为 skin-box-bd 的哥们,带有2个样式 width:750px; overflow:hidden;
有同志要问了,这有什么问题。上面2个样式意思是,宽度750px;溢出隐藏。顾名思义就是放在自定义模块里面的内容,如果宽度超过750,那么超过的部分就会隐藏,自然就不能全屏了、
说思路前,先说下,要想全屏店铺里面只能使用实现。然而淘宝不允许店铺里面商家使用(相对除外)和外边距负值。那就需要好好琢磨下如何实现了。这里我利用双重,对需要全屏的内容进行两次移动,从而达到全屏的效果
<p class="miseu" style="height: 【高度2】px;">
<p class="footer-more-trigger most-footer sn-simple-logo" style="position: absolute; left: 50%; top: auto; width: 0; height: inherit; border: 0; padding: 0; background: transparent;">
<p class="footer-more-trigger most-footer sn-simple-logo" style="position: absolute; left: -【店铺类型】px; top: 【去下边距】px; width: 1920px; height: 【高度】px; border: 0px; padding: 0px; background: transparent;">
<p class="clearfix J_TWidget" style="margin: 0 auto; width: 【宽度】px; height: 【高度】px;" data-source="米色官网:www.mgsns.com">
【内容】
</p>
</p>
</p>
</p>
【高度2】:【高度】-【去下边距】
【店铺类型】:天猫店和淘宝专业版 这里修改成960
【去下边距】:自定义模块之间的距离,天猫和淘宝专业版 这里写10 ,基础版店铺这里写20.如果不需要去掉自定义模块之间的距离,就写 0
【高度】:需要全屏的内容整体高度
【宽度】:需要全屏的内容整体宽度
【内容】:这里整个替换为你需要全屏的代码
注意:替换的时候【】这个括号也一起替换了
虽然写的很清晰,可能会有一些同志 还是觉得很麻烦,所以我又专门,编写了一个在线生成的工具,只需要按照说明,添加内容,点击按钮自动生成需要的代码。工具地址
【进阶知识】
随着网购的发展越来越成熟,很多人都想要在淘宝网上创业。毕竟淘宝网上的创业启动资金,相对于其他的行业是比较少的。但是在淘宝怎么开店呢?步骤是什么呢?又需要注意些什么呢?
1、进入淘宝网,点击登录,登录你的账号密码;
2、点击右上角的“卖家中心”,进入商家后台;
3、进入之后,左侧菜单"店铺管理"处可看到"我要开店"字样,如果没有说明您已有创建过店铺,可以看到"查看我的店铺"字样哦;如有“我要开店”字样,点击创建个人店铺即可;
4、根据提示,点击“下一步”即可;
5、如果支付宝跟淘宝开店都没有认证的话,后面会显示“立即认证”字样,点击“立即认证”即可进入认证页面,按要求填写相关信息即可,一般2天左右就会审核通过;都认证完后再点击“下一步”即可。
6、阅读相关协议,点击“同意”,即可成功开店;
7、店铺成功创建。
注意事项:
1、关于开店考试:有人会问,每次考试都不过会不会对店铺有影响。这里明确的说一下,开店考试不会影响以后的店铺,淘宝是希望每一位卖家能先学好知识,熟悉好淘宝规则,才有了如今的淘宝开店考试。
2、关于完善信息的填写:1)店铺资料完成以后,店铺的资料在店铺开了以后还能改,请放心。2)店铺名字是店铺开了以后才能设置,所以您们刚开始填资料的时候都是发现不能设置。要等店铺开了以后才能设置。
所以感兴趣的小伙伴可以按照上面的步骤去在淘宝上申请一个店铺,但是我还是建议大家在创业之前,一定要思考自己的方向,选择好对的方向,才有可能有兴趣的经营好这个店铺。
淘宝开店铺卖家推广方案怎么写「新店淘宝客推广技巧」
【本文标题和网址】店铺代码可以给别人看吗「淘宝店铺网页代码讲解」 http://www.cftyj.cn/taobao/2024043048026.html
内容更新时间(UpDate):
2024年04月30日 星期二